/*-------------------------------------------------------------------- css reset ---- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* -------------------------------------------------------------- end css reset ---- */

body {
   margin-top         : 2em;
}

a {
   text-decoration    : none;
   border-bottom      : 1px dotted #8B6B5B;
   color              : #8B6B5B;
}

a.noBorder {
   border-bottom      : 0px dotted white; %>;

}
header {
   color              : grey;
}

section {
   display            : none;
}
section#graph {
   dislay             : none1;
}

section#why {
   dislay             : none1; 
}

quote {
   display            : inline-block;
   position           : relative;
   padding-left       : 1.5em;
   padding-right      : 1.5em;
   margin-top         : 0.5em;
   margin-bottom      : 1.75em;
   text-align         : justify;
   color              : #536575;
}

quote byline {
   position           : absolute; 
   bottom             : -1em; 
   right              : 1.7em;
}
quote byline::before {
   content            : "- ";
}
quote::before{
   font-size          : 2.5em;
   font-weight        : bold;
   position           : absolute; 
   top                : -0.3em;
   left               : -0.0em;
   content            : "“";
}
quote::after{
   font-size          : 2.5em;
   font-weight        : bold;
   position           : absolute; 
   bottom             : -0.7em;
   right              : 0.0em;
   content            : "”";
}

pcrane {
   padding-bottom     : 0.7em;
   display            : block;
   position           : relative;
}

pcrane:last-child {
   padding-bottom     : 0.2em;
}

.highlight {

   color              : #536575;
}

#menuHeader {
  position            : fixed;
  height              : 1.5em;
  border-bottom       : 0.2em dotted #536575;
  width               : 97%;
  top                 : 0em;
  left                : 2.5em;
}
@media only screen and (max-width:39.999em)
{
   #menuHeader 
   {
      left: 0em; 
   }
}
#menuHeader {
  position            : absolute; 
  top                 : 0em;
  background-color    : white !important;
  z-index             : 5000000;
  padding             : 0.2em;
  border              : 0em solid red;
}

#navMenu {
  display             : none;
  z-index             : 50000000;
  position            : absolute; 
  top                 : 0.2em; 
  left                : 34px;
  background-color    : white;
  border              : 1px solid #aaa;
  border-radius       : 0.5em;
  padding-top         : 0.1em;
  padding-bottom      : 0.1em;
}

#navMenu ul li  {
  border-bottom       : 0.0em solid #aaa;
}

#navMenu ul li a {
 padding-left         : 0.4em;
 padding-right        : 0.4em;
}

#navMenu ul li description  {
  font-size           : 0.7em; 
  color               : #999;
  padding-left        : 0.5em;
  padding-right       : 0.4em;
  position            : relative; 
  top                 : -0.2em;
  display             : block;
}



#titleName {
   display            : inline-block; 
   font-size          : 0.8em;
   color              : #536575;
   position           : relative; 
   top                : -0.5em;
   
}

.craneLink.craneNumber {

   color              : red;
}
#imageAnchor {
  border-bottom    : 0px solid white;
}
#filter {
   display             : none;
   border-radius       : 1em;
   background-color    : #e3cdc1;
   border              : 1px solid #8b6b5b;
   z-index             : 1000000;
   color               : #5d6e7e;
   padding             : 1em;
}

#filter ul{
   padding             : 0px; 
   margin              : 0px;
}

#filter #filterText {
   width               : 100%;
}

#filter ul li#filterTitle {
   font-size           : 1.5em; 
   font-weight         : bold;
}
#filter ul li #filterButton {
   margin-top          : 0.4em;
}

#lnkShowFilter {
   display             : none;
}

.closeIconOrange {
   width               : 20px; 
   height              : 20px; 
   background-image    : url("/images/1000Cranes/FinalResponsive/Svgs/CloseIconOrange.svg");
   background-repeat   : no-repeat;
   background-size     : 20px 20px;
   border-radius       : 50%;
   border              : 1px solid #8b6b5b;
}

#closeFilter {
   position            : absolute; 
   right               : 0.78em;
   top                 : 1.1em;
   width               : 20px; 
   height              : 20px;
}

#filterCount {
   position            : relative; 
   top                 : 0.08em; 
   font-size           : 0.8em;
}
#editorsHeart {
   color               : #7B81AB !important;
}
#usersHeart {
   color               : #F5969F !important;
}
#actionMessage {
   max-height          : 135px; 
   min-height          : 135px;
   height              : 135px;
   display             : none;
   position            : fixed;
   background-color    : #6F87B3;
   color               : black; 
   border              : 1px solid black;
   padding             : 0% 2% 0% 2%;
   width               : 98%; 
   background-image    : url("../images/icons/actionmessage.png");
   background-repeat   : no-repeat;
   border-radius       : 1em;
   background-position : 0px 10px;
   overflow            : hidden;
   z-index             : 10000000;
}

#waysToLink {
   color               : #5d6e7e;
   text-align          : justify;
}

#waysToLink ul {
   padding             : 0.2em 0em 0.2em 0em;
   border              : 1px dotted #8b6b5b;
   border-left         : 0px dotted white; 
   border-right        : 0px dotted white;
}

#waysToLink ul li {
   margin-bottom       : 0.3em;
}

#waysToLink ul li span.linkTitle {
   font-size           : 1em; 
   font-weight         : bold;
   display             : block;
}

#waysToLink ul li a {
   display             : inline-block;
   border              : border-bottom      : 1px dotted #8B6B5B;
}

#waysToLink ul li span.description {
   font-size           : 0.8em;
}

ul#waysToLinkList {
   list-style-type     : none;
}
i {
   font-style          : italic;

}

.logoBase {
  width           : 220px;
  height          : 52.05px;
}
#craneBurger {
   width            : 25px; 
   height           : 25px;
}

#ddCraneLinks {
   color            : #4E5D6B !important;
}
b {
   font-weight      : bold !important;
}
pcrane title {
   font-weight      : bold; 
   display          : block;
}

#theDream {
   text-align       : justify;
   color            : #4E5D6B;
}
#theDream pcrane title {
   color            : #8B6B5B;
   padding-bottom   : 0.1em;
}


#themes 
{
   background-color  : white;
   width             : 2.9em;
   position          : absolute; 
   z-index           : 1000000000;
}
#themes a.theme img {
   width            : 2.5em;
}

#themes a.theme {
   text-decoration  : none;
   border-bottom    : 0px;
   display          : block;
   padding-top      : 0.2em;
}

#themes a.theme:first-child
{
   padding-top      : 1.2em;
}

#themeDownArrow {
   height           : 1em !important;
   border           : 0px solid white;
   position         : relative; 
   z-index          : 10000000;
}
#themeDownArrow > img {
   height           : 1em !important;
   
}

#themes #themeIcons {
   width            : 2.36em;
   padding-left     : 0.2em;
   padding-right    : 0.2em;
   height           : 0px;
   overflow         : hidden;
   border-left      : 1px solid #bbb;
   border-bottom    : 1px solid #bbb; 
   border-right     : 1px solid #bbb;
   position         : absolute;
   top              : 0em;
   z-index          : 9999999;
   background-color : white;
   padding-top      : 0em;
}

#mainMenuThemes #themeIconsMm .theme img {
   height           : 1.5em;
}

#mainMenuThemes #themeIconsMm .theme {
   text-decoration  : none;
   border-bottom    : 0px solid white;
}

#mainMenuThemes #themeIconsMm {
   column-count      : 4;
   max-width         : 20em;
}

#thermometer {
   display          : inline;
   position         : relative; 
   float            : left;
   margin-left      : 1em;
   height           : 126px;
}

#thermometerLevel {
   position         : absolute; 
   bottom           : 10px; 
   height           : 106px; /* 1% */
   background-color : #F7B231;
   width            : 40px;
   left             : 7px;
}

#homeGoFundMeLink {
   float            : left;
}

#thermometerBase {
   display          : inline;
   position         : absolute; 
   top              : 0px; 
   left             : 0px; 
   height           : 126px;
}
#goFundMe {
   height           : 126px;
   width            : 264px;
}

#mainMenuItemThemes {
   display          : block;
}

table {
   border-top       : 1px solid #bbb;
   border-right     : 1px solid #bbb;
}

table tr td {
   padding          : 0.1em 0.3em 0.1em 0.3em;
   border-left      : 1px solid #bbb;
   border-bottom    : 1px solid #bbb;
   font-size        : 0.8em;
   vertical-align   : middle;
}

table tr th {
   color            : white; 
   font-weight      : bold; 
   background-color : #5d6e7e;
   padding          : 0.1em 0.3em 0.1em 0.3em;
   border-left      : 1px solid #bbb; 
   border-bottom    : 1px solid #bbb;
   font-size        : 0.8em;
}
table th {
   text-align       : left; 
}

table tr:nth-child(odd){
   background-color : #eee;
}

#sponsorTable tr td.money {
   text-align        : right;
}

#sponsors pcrane title {
   color             : #8B6B5B;
}

#theSponsors { 
   padding-bottom    : 1em;
   color             : #4E5D6B;
}
.gridLock {
   height            : 1em;
}
table {
   border-top       : 1px solid #bbb; 
   border-right     : 1px solid #bbb;
}

table#sponsorTable tr td {
   padding          : 0.1em 0.3em 0.1em 0.3em;
   border           : 0px solid white; 
   font-size        : 0.8em;
   display          : block; 
   color            : #5d6e7e;
   vertical-align   : middle;
}

table tr td.donorLocked{
   text-align       : right;
}

table tr  {
   border-left      : 1px solid #999;
   border-bottom    : 1px solid #999; 
}

#sponsorTable {
   width            : 100%;
}

#sponsorTable tr:first-child {
    border-top      : 1px solid #999 !important;
}

table tr th {
   display          : none;
}
table th {
   text-align       : left; 
}

#sponsorTable tr td.donorName {
   font-weight      : bold; 
   font-size        : 1em;
}
#sponsorTable tr td.fullDonor {
   color            : #8B6B5B !important;
}
#sponsorTable tr td.eventName {
   text-align       : right;
}

.blossom {
   position          : fixed; 
   height            : 0.5in; 
   top               : -96px;
}
#blossom0 {
}
#blossom1 {
}
#blossom2 {
}
#blossom3 {
}
#blossom4 {
}
#mobileIndicator {

}

#activities {
   color            : #5d6e7e;
}

.activity {
   display         : block;
}

.firstActivity {
   display         : block;
}


.haikuAlign {
   text-align         : center;
   padding            : 0.2em 0em 0.2em 0em;
}

.haikuRomaji {
   padding           : 0.2em 0em 0.2em 0em;
   margin            : 0.2em 0em 0.2em 0em;
   border-top        : 1px dotted #5d6e7e;
   border-bottom     : 1px dotted #5d6e7e;
   display           : inline-block;   
}

.haikuRoman {
}

.haikuJapanese {
   border-top     : 1px dotted #5d6e7e;
   padding-bottom : 0em;
}
.haikuTitle  
{
   font-size          : 1.5em;
   text-align         : center;
   margin-bottom      : 0.2em;
}

.haikuTitle  a
{
   font-weight        : normal;   
   font-size          : 2em;
}

muted {
   color            : #aaa;
}

.activity > div.activityDescriptionHolder > div > pcrane > quote {
   color              : #4E5D6B;
   margin-bottom      : 1em;
}

.activity > div.activityDescriptionHolder > div > pcrane
{
   color              : #4E5D6B;
}

#activityPrior.on {
   color              : #8B6B5B !important;
}

#activityPrior.off {
   color              : #ccc !important;
}

#activityNext.on {
   color              : #8B6B5B !important;
}

#activityNext.off {
   color              : #ccc !important;
}

.mapsUrl {
   width : 100%;
   height : 5em;
}
.coutdownBlock {
   height : 2em;
}
.countdownItem {

}

#countdownArea {
   display   : block; 
   margin-left : auto; 
   margin-right : auto;
   width : 16em;
}
#countdownBlock {
   display     : block;
   margin-bottom : 0.2em;
}

.timeElement {
   display      : inline-block;
   width        : 3em; 
   height       : 1.9em;
   padding      : 0.2em;
   border       : 1px solid #ccc;
   margin-right : 0.2em;
   text-align   : center;
   border       : 0px dotted orange;
   
}
.countdownText {
   position     : relative; 
   font-size    : 1em;
   font-weight  : normal;
}
.countdownPart { 
   font-weight : normal;
   font-size : 0.8em;
   position  : relative; 
   top       : -0.4em;
}

#countdownArea > span > div > flower {
   width     : 3em; 
   height    : 3em; 
   display   : inline-block;
   background-size : 3em 3em;
}

#countdownArea > span:nth-child(1) > div > flower {
   background-image : url(/images/1000Cranes/FinalResponsive/Svgs/Blossom1.svg);
}
#countdownArea > span:nth-child(2) > div > flower {
   background-image : url(/images/1000Cranes/FinalResponsive/Svgs/Blossom2.svg);
}
#countdownArea > span:nth-child(3) > div > flower {
   background-image : url(/images/1000Cranes/FinalResponsive/Svgs/Blossom3.svg);
}
#countdownArea > span:nth-child(4) > div > flower {
   background-image : url(/images/1000Cranes/FinalResponsive/Svgs/Blossom4.svg);
}

.haikuAuthor {
   text-align : center;
   border-top        : 1px dotted #5d6e7e;
   padding-top       : 0.2em;
}
.haikuAuthor_ {
    display           : inline-block;
    padding-bottom    : 0.2em;
}
.haikuTitle {
   text-align : center;
   border-top        : 1px dotted #5d6e7e;
   font-size         : 1em;
}
.haikuTitle_ {
    display           : inline-block;
    padding-bottom    : 0.2em;
    padding-top       : 0.2em;
}
.haikuPoem {
   text-align        : center; 
   font-size         : 2em;
   padding-bottom    : 0.2em;
}

.activity > div.activityDescriptionHolder > div > pcrane:last-child {
   padding-bottom : 0em;
}

#activity1 > div.activityCommentsHolder > div > pcrane:last-child {
   padding-bottom : 0em;
}

.activityImageArea img.activityImage{
   border-top       : 1px dotted #5d6e7e;
   border-bottom    : 1px dotted #5d6e7e;
   margin           : 0em 0px 0.5em 0px !important;
   padding          : 0.5em 0px 0.5em 0px !important;
}

.activityImageArea span.activityImageName {
   display          : inline-block;
   width            : 100%; 
   text-align       : center;
}
.activityIndex {
   font-size        : 0.6em; 
   font-weight      : normal;
   position         : absolute;
   right            : 1em;
   width            : 4em;
   border-bottom    : 1px dotted #5d6e7e;
   display          : inline-block;
   text-align       : center;
   top              : 0.35em;
}
.venueHours {
   font-size        : 0.7em;
}

.activityPrice {
    float        : right;
    display      : inline-block;
    width        : 5em;
    margin-right : 0em;
    border       : 0px dotted orange;
    text-align   : center;
    font-weight  : normal;
}
#flyingCrane {
   opacity   : 0;
   position: fixed; 
   display  : block;
   left      : -10000px;
   z-index   : 2000000000;
}

#fixedBottom {
   display:inline-block;
   height : 1em; 
   width : 1em; 
   position : fixed;
   bottom :0px; 
}
.distanceFromHotel {
   margin-left : 3em;
}

#activityIndexList {
   text-decoration : none;
   
}
.activityListLink {
   font-size       : 0.8em;
   text-decoration : none;
   border-bottom   : 0px solid white;
}

#activityIndexList
{
   display         : none;
}
#activityIndexList ul {
    border: 1px dotted #5d6e7e;
    padding: 0.5em;
    position: absolute;
    right: 0px;
    top: 1.4em;
    z-index: 1000000;
    background-color: white;
    border-radius: 0em;
    }

#activityIndexList ul li {
   padding          : 0.1em; 
   border-bottom    : 1px dotted black;
   padding-left     : 2em;
   padding-right    : 0.5em;
   background-image : url("../images/backgrounds/EmptySquare.svg");
   background-position : 0px 0px;
   background-repeat : no-repeat;
   background-position : 0.1em 1.5em;
   background-size     : 1.9em 1.9em;
}
#activityIndexList ul li a {

   color: #5d6e7e;
}

#activityIndexList ul li:nth-child(odd) {
   background-color : #EFEFEF;
}


pcrane editorial {
   margin-bottom       : 1em;
   margin-top          : 1em;
   display             : inline-block;
   border-bottom       : 1px dotted #5d6e7e;
   border-top          : 1px dotted #5d6e7e;
   padding             : 0.2em 1em 0.2em 1em;
}

pcrane editorial::before {
   content             : "Take Note...";
   position            : absolute; 
   top                 : -0.25em; 
   left                : 0em;
}

pcrane editorial::after {
   content             : "- the editor";
   position            : absolute;
   bottom              : 0.25em;
   right               : 1em;
}

pcrane editorial ol {
   list-style-type     : lower-alpha;
   padding-left        : 1em;
}

.flowerLink {
   cursor              : none;
}

#pnlCranesPerDay {
   width               : 100%; 
   border              : 0px dotted orange;
   text-align          : center;
   color               : #999;
   padding-bottom      : 0.3em;
   position            : relative; 
}

#startFoldingOn {
   padding-top         : 0.4em;
   display             : inline-block; 
   font-size           : 0.75em;
   color               : #8B6B5B;
}


@font-face {
   font-family:"CountdownNumbers";
   src: url('../fonts/CountdownNumbers.eot')                          format("eot"), 
        url("../fonts/CountdownNumbers.woff")                         format("woff"), 
        url("../fonts/CountdownNumbers.ttf")                          format("truetype"), 
        url("../fonts/CountdownNumbers.svg#CountdownNumbers-Regular") format("svg");
   font-weight :normal;
   font-style  :normal;
}

.logoBaseRecipe
{
   position: relative;
   left: -1.5em;
   z-index: 0;
   height: 5em;
}
.cleanTable {
   border: 0px dotted #999; 
}

table.cleanTable tbody tr:nth-child(odd){
   background-color: white; 
}

table.cleanTable tbody tr {
   border: 0px dotted #999 !important;
}

table.cleanTable tbody tr td {
   border: 0px dotted #999 !important;
}

table.cleanTable tbody tr td {
   text-align:left; 
}

table.cleanTable tbody tr td.number {
  text-align:right;
}