/* ALPINE RECREATION EXPANDABLE INFO STYLES */


/* adjusted appearance of round corner boxes with default colour */
#expandable {background: transparent; margin: 0 10px; padding: 5px 0; position: relative;}
#expandable .xb2, #expandable .xb3, #expandable .xb4 {background: #285078; border-color: #285078;}
#expandable .xb1 {background: #285078;}
#expandable .xboxcontent {background: #fff; border-color: #285078;}

/* title of expandable content with default colour */
#expandable .showhide {margin: 0; padding: 0; cursor: pointer; color: #fff; background: #285078; display: block;}

/* text and img formatting */
#expandable p {font-size: 12px;}
#expandable img.colpic {margin: 0 4px;}

/* show/hide text (changed by javascript) */
.showhide span {color: #fff; margin: 0 6px 0 8px; text-align: center; font-family: "Courier New", Courier, monospace; font-size: 1.2em; font-weight: bold;}

/* additional info to be shown with default colour */
.hidden {padding: 6px 2px 0 2px; border-top: 4px solid #285078;}

/* specific colours */
#expandable.trek .xb1, #expandable.trek .xb2, #expandable.trek .xb3, #expandable.trek .xb4 {background: #8B9638; border-color: #8B9638;}
#expandable.trek .showhide {background: #8B9638;}
#expandable.trek .xboxcontent, #expandable.trek .hidden {border-color: #8B9638;}

#expandable.climb .xb1, #expandable.climb .xb2, #expandable.climb .xb3, #expandable.climb .xb4 {background: #a54545; border-color: #a54545;}
#expandable.climb .showhide {background: #a54545;}
#expandable.climb .xboxcontent, #expandable.climb .hidden {border-color: #a54545;}

#expandable.ski .xb1, #expandable.ski .xb2, #expandable.ski .xb3, #expandable.ski .xb4 {background: #5681ac; border-color: #5681ac;}
#expandable.ski .showhide {background: #5681ac;}
#expandable.ski .xboxcontent, #expandable.ski .hidden {border-color: #5681ac;}

/* expandable boxes within expandable boxes (sub-expandables) */
#expandable .hidden .showhide {background: #777; margin: 5px 10px 0; padding: 2px 0;}
#expandable .hidden .hidden {border: 1px solid #777; margin: 0 10px;}