/* ==============================================================================*/
/* == global tag overrides == */
/* ==============================================================================*/

body {
  font-family: arial, Helvetica, san-serif;
  font-size:14px;
  background-image:url("Grph/marijuana.jpg");
  margin:0;
  padding:0;
  width:100%;
}

a:link {
  color:#0000ff;
  text-decoration:none;
}
a:visited {
  color:#0033ff;
  text-decoration:none;
}
a:hover {
  color:#cc6600;
  text-decoration:underline;
}

/* ==============================================================================*/
/* == IDs & media == */
/* ==============================================================================*/

#flexi_page { /* map */
  max-width:1176px;
} 

/* -- switched -- */

#white_page, .white_page, #flexi_page  {
  position:relative;
  margin:12px auto 12px auto;
  border-radius:16px;
  background:#FFFFFF; 
  display:block;
  padding:6px;
  overflow:auto;
} 

.panelTit {
  position:relative;
}
.tit_leaf {
  position:absolute;
}
.nav-bar {
  display:block;
  position:absolute;
  border:1px solid #FF9999;
  box-shadow:0 0 9px #FFFFFF;
  background-color:#33AA33;
  background:linear-gradient(#008800, #00FF00, #00CC00);
}
.ACD_search {
  position:absolute;
  width:180px;
  display:block;
  background-color:#EEEEEE;
}
#ACD_SearchBox {
  position:absolute;
  left:10px;
  top:0px;
  width:142px;
  border:0;
  background-color:#EEEEEE;
}
#ACD_SearchBut {
  position:absolute;
  left:158px;
}

.contentWide {
  float:left;
  background:white;
  /* text-align:center;   for no comments text */
  border-radius:3px;
}
.menuPic {
  border-radius:6px;
  margin:2px 6px 26px 6px;
}

/* -- narrow version (mobile) -- */

#white_page, .white_page  {
  width:588px;
} 
.panelWide {
  width:576px;
}
.contentWide {
  width:546px;
  padding:3px;
}

.menuPic { /* FBN menu */
  width:563px;
  height:500px;
}
.panelTit {
  height:100px;
} 
.tit_leaf {
  left:23px;
  top:4px;
  width:71px;
  height:60px;
}
.tit_image {
  position:absolute;
  left:115px;
  top:6px;
  width:453px;
  height:28px;
}
.tit_url {
  position:absolute;
  left:115px;
  top:43px;
}
.nav-bar {
  left:2px;
  top:76px;
  width:568px;
  height:20px;
  border-radius:10px;
}
.ACD_search {
  left:387px;
  top:-34px;
  height:18px;
  border:1px solid #99CC99;
  border-radius:10px;
}
#ACD_SearchBox {
  height:16px;
  line-height:16px;
  font-size:12px;
}
#ACD_SearchBut {
  top:0;
}

.MainMenu li a {
  width:112px;
  height:20px;
  line-height:20px;
  font-size:12px;
  font-weight:bold;
}
.idxPanel {
  width:257px;
}
.idxPanel:nth-child(1) {
  margin:0 3px 3px 0;
}
.idxPanel:nth-child(2) {
  margin:0 0 3px 0;
}
.idxPanel:nth-child(3) {
  margin:0 3px 0 0;
}
.idxPanel:nth-child(4) {
  margin:0;
}

/* -- wide version (desktop) -- */

@media screen and (min-width:1200px) {
  #white_page, .white_page {
    width:1176px;
  }
  .panelWide {
    width:1164px;
  }
  .contentWide {
    width:1127px;
    padding:6px;
  }
  .menuPic { /* FBN menu */
    width:1151px;
    height:800px;
  }
  .panelTit {
    height:124px;
  } 
  .tit_leaf {
    left:12px;
    top:12px;
    width:118px;
    height:100px;
  }
  .tit_image {
    position:static;
    margin-top:12px;
    width:494px;
    height:31px;
  }
  .tit_url {
    position:static;
  }
  .nav-bar {
    left:144px;
    top:75px;
    height:31px;
    width:1002px;
    border-radius:32px;
  }
  .ACD_search {
    left:816px;
    top:3px;
    height:21px;
    border:2px inset #99FF99;
    border-radius:18px;
  }
  #ACD_SearchBox {
    height:19px;
    line-height:19px;
    font-size:14px;
  }
  #ACD_SearchBut {
    top:1px;
  }
  .MainMenu li a {
    width:161px;
    height:31px;
    line-height:31px;
    font-size:14px;
    font-weight:900;
  }

  ul.provMenu {
    display:block;
  }
  .provMenu li {
    float:left;
  }
  .Alphabet {
    margin-left:21px;
  }
  .idxPanel {
    width:263px;
  }
  .idxPanel:nth-child(1) {
    margin:0 6px 0 0;
  }
  .idxPanel:nth-child(2) {
    margin:0 6px 0 0;
  }
  .idxPanel:nth-child(3) {
    margin:0 6px 0 0;
  }
  .idxPanel:nth-child(4) {
    margin:0;
  }
} 

/* ==============================================================================*/
/* == classes == */
/* ==============================================================================*/

/* -- panels --------------------*/

.panelTit, .panelShort, .panelMed, .panelTall, .panelWide, .panelList {
  display:block;
  border-radius:12px;
  margin:6px;
  overflow:hidden;
}
.panelShort, .panelMed, .panelTall, .panelWide, .panelList {
  position:relative;
  background:#006600; 
  background:linear-gradient(#006600, #009900);
  float:left;
}
.panelShort, .panelMed, .panelTall, .panelList {
  width:576px;
}

.panelTit {
  background:#EEE899; 
  background:linear-gradient(#EEE866, #FFF9CC);
  border:1px solid #FF9999;
} 
.panelTit, .centre {
  text-align:center;
}

.panelShort {
  height:356px;
}
.panelMed {
  height:580px;
}
.panelTall {
  height:820px;
}
.panelWide {
  clear:both;
}

/* -- panel inners --------------------*/

.innerShort, .innerMed, .innerTall, .innerWide, .mapI, .forumI, .CommScrollBox {
  border-radius:6px;
}
.innerShort, .innerMed, .innerTall, .innerWide, .mapI {
  float:left;
  margin:1px 6px 26px 6px;
}
.innerShort, .innerMed, .innerTall, .innerWide {
  background:#99FF99; 
  background:linear-gradient(#009900, #33CC33);
}
.innerShort, .innerMed {
  width:552px;
  padding:6px;
}
.innerShort {
  height:294px;
}
.innerMed {
  height:518px;
}
.innerTall {
  width:564px;
  height:770px;
  overflow:hidden;
}
.innerWide {
  padding:6px;
}
/* (special panel inners) */
.mapI {
  width:558px;
  height:524px;
}
.forumI {
  width:560px;
  height:766px;
}
.CommScrollBox {
  width:564px;
  height:770px;
  overflow:auto;
}

/* -- headings ---------------- */

.centre {
  display:block;
  position:relative;
  margin:auto;
}
.BigHead {
  margin:0px auto 0px auto;
  text-align:center;
  font-size:30px;
  font-weight:bold;
  color:#CC0000;
}
h2.MedHead {
  margin:12px 0 6px 0;
}

/* -- common panel sections ------*/

.panel_head, .panel_head_sm, .panel_head_xs {
  margin:3px auto 2px auto;
  text-align:center;
  color:white;
  font-weight:600;
}
.panel_head {
  font-size:16px;
}
.panel_head_sm {
  font-size:14px;
}
.panel_head_xs {
  font-size:12px;
}
.panel_head img, .panel_head_sm img, .panel_head_xs img, .panel_tail img {
  vertical-align:middle;
}
.panel_head a:link, .panel_head a:visited, .panel_head_sm a:link, .panel_head_sm a:visited, .panel_head_xs a:link, .panel_head_xs a:visited {
  color:#99CCFF;
  text-decoration:underline;
}
.panel_head a:hover, .panel_head_sm a:hover, .panel_head_xs a:hover {
  color:#FF9900;
}

.panel_tail {
  position:absolute;
  bottom:0;
  width:100%;
}
.TopBut {
  margin-bottom:6px;
  margin-right:6px;
  float:right;
}

/* -- info rows ------------*/

.detRow, .contents, .parentMed, .block, .blockFullShort, .blockFullMed {
  float:left;
  border-radius:4px;
  border-style:solid;
  border-width:1px;
  border-color:#009900;
  background:white;
  margin-bottom:2px;
}
.contents {
  width:550px;
  height:104px;
}
ul.pageNav {
  display:block;
  margin:0;
  padding:4px 0 4px 24px;
  float:left;
  list-style-image:url('Grph/Down.png');
}
.colLabel, .iconColLabel, .iconColLabel, .iconColLabelAddr, .labelCont, 
.colLabelNote0, .colLabelNote1, .colLabelNote2, .colLabelNote3, .colLabelNote4, .colLabelNote5, .colLabelNote6, .colLabelNote7, .colLabelNote8, 
.colValue, .iconColValue, .iconColValueAddr, 
.colValueNote0, .colValueNote1, .colValueNote2, .colValueNote3, .colValueNote4, .colValueNote5, .colValueNote6, .colValueNote7, .colValueNote8, 
.iconColIcon, .ColValHalf, .colWide {
  position:relative;
  padding:4px;
  float:left;
}
.colLabel, .iconColLabel, .iconColLabelAddr, .labelCont, 
.colLabelNote0, .colLabelNote1, .colLabelNote2, .colLabelNote3, .colLabelNote4, .colLabelNote5, .colLabelNote6, .colLabelNote7, .colLabelNote8 {
  background:#CCFFCC;
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
}
.colLabel, 
.colLabelNote0, .colLabelNote1, .colLabelNote2, .colLabelNote3, .colLabelNote4, .colLabelNote5, .colLabelNote6, .colLabelNote7, .colLabelNote8 {
  width:114px;
}
.colValue, .iconColValue, .iconColValueAddr, 
.colValueNote0, .colValueNote1, .colValueNote2, .colValueNote3, .colValueNote4, .colValueNote5, .colValueNote6, .colValueNote7, .colValueNote8, 
.ColValHalf, .colWide {
  overflow:auto;
}
.colValue,
.colValueNote0, .colValueNote1, .colValueNote2, .colValueNote3, .colValueNote4, .colValueNote5, .colValueNote6, .colValueNote7, .colValueNote8 {
  width:420px;
}
.ColValHalf {
  width:144px;
}
.colWide {
  border-radius:3px;
  width:542px;
  text-align:center;
}
.block, .blockFullShort, .blockFullMed {
  width:526px;
  margin-bottom:3px;
  padding:12px;
}
.blockFullShort {
  height:268px;
}
.blockFullMed {
  height:491px;
}

.iconColLabel, .iconColLabelAddr, .labelCont {
  width:78px;
}
.iconColIcon {
  width:24;
}
.iconColValue, .iconColValueAddr {
  width:432px;
}
.colValue, .iconColValue {
  height:16px;
}
.iconColValueAddr, .iconColLabelAddr  {
  font-size:18px;
  height:42px;
}
.labelCont {
  height:96px;
}
.colLabelNote0, .colValueNote0 {
  height:14px;
  padding:0 4px 0 4px;
  font-size:12px;
}
.colLabelNote1, .colValueNote1 {
  height:31px;
}
.colLabelNote2, .colValueNote2 {
  height:58px;
}
.colLabelNote3, .colValueNote3 {
  height:87px;
}
.colLabelNote4, .colValueNote4 {
  height:114px;
}
.colLabelNote5, .colValueNote5 {
  height:142px;
}
.colLabelNote6, .colValueNote6 {
  height:170px;
}
.colLabelNote7, .colValueNote7 {
  height:198px;
}

/* -----------------------*/

.PicCentre, .ContentTallCentre {
  display:table-cell;
  text-align:center;
  vertical-align:middle;
  overflow:hidden;
}
.PicCentre {
  width:554px;
  height:518px;
}
.PicFrame {
  border-radius:6px;
  background:#FFFFFF; 
  padding:6px;
  border-style:solid;
  border-width:1px;
  border-color:#009900;
}
.ContentTallCentre {
  width:560px;
  height:766px;
}

.CommRow {
  margin:0px 1px 1px 0px;
  padding:3px;
  background:#99FF99;
}

.ShopName {
  margin:0px auto 0px auto;
  text-align:center;
  font-size:32px;
  font-weight:bold;
  color:#CC0000;
}

.imgLeft, .imgRight {
  display: inline-block;
  vertical-align: middle;
}
.imgLeft {
  float:left;
  margin-right:12px;
}
.imgRight {
  float:right;
  margin-left:12px;
}
.tailMess {
  color:white;
  margin-left:12px;
}
/* -- index page -----------*/

a.idxPanel {
  display:inline-block;
  height:137px;
  text-decoration:none;
  color:black;
  float:left;
  padding:6px;
  border-radius:3px;
  border-style:solid;
  border-width:1px;
  border-color:#009900;
}
a.idxPanel:hover {
  background:yellow;
}
.adPanel {
  width:728px;
  height:280px;
  margin:auto;
  padding:6px;
  background:white;
}
.ad {
  float:left;
  position:relative;
  padding-top:12px;
  padding-right:12px;
}

/* -- Geo List -------------*/
.GeoPreface {
  height:280px;
  border-radius:6px;
  margin:6px;
  padding:12px;
  background:#FFFFFF; 
}
.GeoProvHead {
  clear:both;
  margin:6px auto 6px auto;
  text-align:center;
  font-size:24px;
  font-weight:bold;
}
.GeoTable   {
  background:#009900; 
  border-spacing:1px;
  margin: 3px 6px 26px 6px;
}
.GeoDistHead {
  text-align:center;
  font-size:14px;
  color:white;
  padding:3px;
}

.GeoPCcell, .GeoStCell, .GeoNoCell, .GeoShCell, .alphaKW, .alphaShop {
  font-size:14px;
  padding:2px;
}
.GeoPCcell {
  width:20px;
}
td.GeoPCcell {
  color:#AAAAAA;
}
.GeoStCell {
  width:210px;
}
.GeoNoCell {
  width:60px;
}
.GeoShCell {
  width:254px;
}

.GeoTable th {
  background:#33CC33;
  font-weight:normal;
  text-align:left;
}
td.GeoPCcell, td.GeoStCell, td.GeoNoCell, td.GeoShCell, td.alphaKW, td.alphaShop {
  background:white;
}
td.GeoPCcell, td.GeoStCell {
  vertical-align:top;
}
.GeoStreetCont { /* see here ams only */
  margin:0 6px 27px 6px;
  width:552px;
  padding:6px;
  background:white; 
  display:block;
} 

/* -- Alpha List -------------*/
.alphaKW {
  width:140px;
}
.alphaShop {
  width:412px;
}
.Alphabet {
  display:block;
  float:left;
  width:16px;
  border:2px outset green;
  margin-right:1px;
  text-align:center;
  background:#FFFF66;
  font-weight:bold;
}
.Alphabet a {
  display:block;
}
/*
.Alphabet:last-child{
  margin-right:0;
}
*/
/* -- Directory page ----------*/
.AmIndTable   {
  width:552px;
  background:#009900; 
  border-spacing:1px;
  margin:0;
}
.AmIndCell {
  font-size:14px;
  padding:2px 6px 2px 6px;
  background:white;
  min-width:90px;
}
.AmIndNote1, .AmIndNote2 {
  font-size:12px;
  text-align:center;
  margin-top:2px;
  background:white;
  border:1px solid #666666;
  padding:2px;
}
.AmIndNote2 {
  line-height:24px; 
  vertical-align:middle;
}
.imgNamePlate {
  margin:0;
  padding:0;
  border:none;
  vertical-align:middle;
}

.parentMed {
  position:relative;
  width:550px;
  height:516px;
  overflow:hidden;
  display:table;
}
.childMed {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
}
.contentMed {
  padding:0 6px 0 6px;
  display:inline-block;
  text-align:left;
}
.provIntro {
  width:500px;
}
.contentMed img {
  float:left;
}
.contentMed ul {
  float:left;
  display:block;
  margin:0 0 0 36px;
  padding:0;
}

.parentMed .CommScrollBox {
  padding:0;
  margin:0;
  width:545px;
  height:510px;
}
.parentMed .CommScrollBox .GeoTable td {
  background:white;
  width:508px;
  padding:3px;
}
/* prov pages */
.provMap {
  margin:0 12px 0 12px;
}

/* ------------------- */
.TypeIcon {
  margin:0px;
  padding:0px
  width:16px;
  height:16px;
  vertical-align:bottom;
}

.Closed {
  text-decoration: line-through;
}
.AmsMap {
  display:block;
  margin:12px auto 12px auto;
  text-align:center;
  width:1039px;
  height:1139px;
}
.Red16bold {
  color:#CC0000;
  font-size:16px;
  font-weight:bold;
}  
.CorComTab {
}
.CorComTab th {
  text-align:left;
}
.CorComTab td {
  vertical-align:top;
}

/* --- main menu -----------------------------*/
.search form {
}
ul.MainMenu {
  display:block;
}
.MainMenu li {
  float:left;
}
ul.MainMenu, ul.provMenu {
  list-style:none;
  margin:0;
  padding:0;
}
.MainMenu li a, .provMenu li a {
  display:block;
}
.MainMenu li a {
  text-decoration:none;
  text-shadow:0 0 12px #FFFFFF;
  border-style:solid;
  border-width:0 2px 0 0;
  border-right-color:#BBEECC;
  border-right-style:groove;
}
.MainMenu li:last-child a {
  border:0;
}
.provMenu li a {
  padding:0 14px 0 14px;
}
.MainMenu li a:hover:not(.active)  {
  color:#FFFFFF;
}
.MainMenu li a:not(.active) {
  color:black;
}
.MainMenu li a.active, .provMenu li.active a {
  color:#990000;
}
/*----------------------------------------------*/