/*	---------------------------------------------------------
	##### Copyright Perth Royal Show
	##### www.perthroyalshow.com.au
	##### Author: Sumo Group - Perth Digital Agency - www.sumo.com.au
	
	---------------------------------------------------------
	---------------------------------------------------------
  	
	Hide the following
*/

#navigation,
#head,
#footer,
#access,
#subnav,
#aside,
img#loader,
#my-day-planner { display: none; }



/* ---------------------------------------------------------
   Styling
*/
body { display: inline; width: 615px; /*border: 1px solid red;*/ height: auto !important; padding: 0; font-size: 13px; color: #333; font-family: Arial, Helvetica, sans-serif; }

#printlogo { margin: 0 0 20px; padding: 0 0 15px; border-bottom: 1px solid #ccc; }

h1, h2, h3, h4, h5 { line-height: normal; }

h2 { font-size: 180%; color: #17abdd; margin: 30px 0 20px; }
h3 { font-size: 160%; color: #17abdd; margin: 30px 0 15px; }
h4 { font-size: 130%; color: #17abdd; margin: 30px 0 10px; }
h5 { font-size: 110%; color: #37394b; margin: 25px 0 5px; }
h6 { font-size: 100%; color: #37394b; margin: 25px 0 5px; }

.inline-list { margin: 0; padding: 0; list-style: none; }
ul.inline-list li { float: left; }
ol.inline-list li { display: inline; }

ul { list-style: disc; }
ul ul { list-style: circle; }
ul ul ul { list-style: square; }
ol { list-style: lower-alpha; }
ol ol { list-style: decimal; }
ol ol ol { list-style: lower-roman; }


/* ---------------------------------------------------------
   Common
*/
#outer-wrapper,
#site-wrapper { display: inline; /*border: 1px solid red;*/ overflow: visible !important; height: auto !important; }

.sect-header h2.sect-title { color: #010101 !important; }
h2.page-title { font-size: 32px; margin: 0 0 20px; font-weight: normal; color: #3258a5; }

.marker { position: absolute; display: block; width: 74px; height: 64px; margin: -58px 0 0 -24px; font-weight: bold; color: #db681d; overflow: hidden; }
.marker img { position: absolute; top: 0; left: 0; z-index: 10; }
.marker span { position: absolute; z-index: 10; width: 50px; display: block; padding: 19px 24px 0 0; text-align: center; line-height: 14px; }

.marker.small { width: 53px; height: 46px; margin: -44px 0 0 -18px; }
.marker.small span { padding: 12px 15px 0 0; width: 38px }

#show-map #map-wrap { position: relative; }

	
/* ---------------------------------------------------------
   Show Map
*/
a.map-pdf,
#map-legend,
#zoom-controls-wrapper,
.map-locations .add-to-planner { display: none !important; }


/* ---------------------------------------------------------
   Your Day Planner
*/
#events-listing-head-inner { width: 100%; height: 427px; overflow: hidden; position: relative; }
#events-listing-head a.print { display: none; }
#events-listing-head .marker { z-index: 80; }
#events-listing-head img.fullshowmap { position: relative; z-index: 50; }

.day-planner-row { clear: both; padding: 40px 0; border-top: 1px solid #ccc; color: #353535; }

.row-title h3 { margin: 0 0 10px; color: #307722; font-size: 17px; }
.row-title a { display: none; }

.row-events h4 { clear: both; margin: 0 0 10px; padding-top: 15px; color: #88c478; font-size: 13px; }
.row-events ul { width: 100%; margin: 0; padding: 0; list-style: none; }
.row-events li { clear: both; padding: 6px 0; border-top: 1px solid #d8d8d8; line-height: 19px; }
.row-events li.firstchild { border-top: none; }
.row-events .remove-item { display: none; }

.row-events .marker-ref { float: left; width: 35px; font-weight: bold; color: #db681d; }
.row-events .event-time { float: left; width: 162px; }
.row-events .event-title { float: left; font-weight: bold; }
.row-events .place-price { float: right; width: 100px; text-align: right; color: #666; font-weight: bold; }
.row-events .showbags-cost { text-align: right; font-weight: bold; color: #666; }
.row-events .showbags-cost strong { color: #353535; padding-right: 15px; }

#row-events .event-title { width: 309px; }

#row-showbags .event-title,
#row-rides .event-title { width: 450px; }

#row-showbags .place-price,
#row-rides .place-price { width: 160px; }