/*	---------------------------------------------------------
	##### Copyright Perth Royal Show
	##### www.perthroyalshow.com.au
	##### Author: Sumo Group - Perth Digital Agency - www.sumo.com.au
	
	---------------------------------------------------------
	---------------------------------------------------------
  	
	Core
*/

@import "prs-common.css?cache=080411";
@import "prs-modal.css?cache=300911";


/* ---------------------------------------------------------
   Copy Containment
*/
.copy-container h4 { font-size: 160%; padding: 0 0 4px; margin: 25px 0 11px; border-bottom: 1px solid #c4c6db; color: #3f4697; font-weight: normal; }
.copy-container strong { color: #2b2c2d; }
.copy-container em { color: #010101; }

.copy-container table { width: 100%; border-collapse: collapse; }
.copy-container table td { vertical-align: top; }

.sidebar { background: url(images/sidebar-subnav-bg.gif) repeat-y top right; }
.sidebar .copy-container { float: left; width: 612px; font-size: 108%; }
.landing .copy-container { float: none; width: auto; font-size: 100%; }

.copy-container ul { padding: 0 0 0 25px; list-style: none; }
.copy-container ul li { background: url(images/sidebar-subnav-icon.gif) no-repeat 0 2px; padding-left: 20px; margin: 0 0 3px; }

.copy-container ul.imagelist { padding: 0 0 0 25px; list-style: none; }
.copy-container ul.imagelist li { background:none; padding-left: 20px; margin: 0 0 3px; float:left; }

.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 }

.landing-left { float: left; width: 690px; }
.landing-left h3.serif { font-size: 24px; margin: 0 0 25px; }

.springboard { margin: 0 -2px 0 0; margin-bottom: 39px; background: url(images/home-springboard-3col.gif) repeat-y left top; color: #666; font-size: 108%; }
.springboard .spitem { float: left; width: 228px; }
.springboard.preshow { background-image: url(images/home-springboard-2col.gif); }
.springboard.preshow .spitem { width: 304px; }

.springboard h3 { margin: 0 0 5px 70px; padding: 0; font-size: 160%; min-height: 55px; background: url(images/icons-sprinboard.png) no-repeat 0 0; line-height: 21px; }
.springboard img { float: left; padding-left: 5px; }
.springboard h3.SansBgImage { margin: 0 0 10px 70px; padding: 0 10px 0 0; font-size: 160%; min-height: 55px; background: none; line-height: 21px; }
.springboard p { margin: 0; padding: 0 10px 0 18px; }

.springboard .spitem.follow h3 { background-position: 0 0; padding-left: 111px; }
.springboard .spitem.follow p { padding-left: 0; }
.springboard .spitem.tickets h3 { background-position: 11px -100px; padding-left: 53px; }
.springboard .spitem.map h3 { background-position: 12px -200px; padding-left: 79px; }
.springboard.preshow .spitem.map p { padding-right: 0; }
.springboard .spitem.comp h3 { background-position: 23px -300px; padding-left: 64px; }
.springboard .spitem.comp p { padding-right: 0; }

.springboard a { font-weight: bold; }
.springboard a:hover { color: #005f90; }

.springboard.cols-1,
.springboard.cols-2 { background-position: -456px 0px; }
.springboard.cols-3 { background-position: -228px 0px; }



/* ---------------------------------------------------------
   Section Header & Sub Navigation
*/
.sect-header { position: relative; min-height: 130px; background: #343b87 url(images/generic/header-banner.jpg) no-repeat top right; color: #fffffe; }
.sect-header h2.sect-title { height: 65px; margin: 0; font-size: 38px; color: #fffffe; padding: 30px 0 0 25px; }
.sect-header .events-disclaimer { position: absolute; /*top: 45px;*/top: 31px; right: 22px; font-size: 140%; }

.sect-header .disclaimer{position: absolute; top: 51px; right: 25px; font-size:108%; margin:0;}

.landing .sect-header { min-height: 106px; }
.landing .sect-header h2.sect-title { height: 76px; }

h2.page-title { font-size: 32px; margin: 0 0 20px; font-weight: normal; color: #3258a5; }

#subnav { height: 35px; }
#subnav ul { height: 35px; margin: 0; padding: 0 21px 0 24px; list-style: none; }
#subnav li { float: left; margin: 0 5px 0 0; display: block; float: left; background: url(images/whatson/subnav.png) no-repeat 0 0; }
#subnav li span,
#subnav li a { display: block; float: left; padding: 0 10px 0 11px; line-height: 35px; font-size: 16px; font-weight: normal; background: url(images/whatson/subnav.png) no-repeat right -35px; color: #fffffe; }
#subnav li.logout { float: right; }

#subnav li#search-section { float: right; margin: 0 0 0 -5px; }
#subnav li#search-section.hover,
#subnav li#search-section:hover { background-position: 0 0 !important; }
#subnav li#search-section.active:hover { background-position: 0 -70px !important; }

#subnav li.hover,
#subnav li:hover { color: #1283a9; background-position: 0 -70px !important; }
#subnav li.active { color: #1283a9; background-position: 0 -70px !important; }
#subnav li.hover a,
#subnav li:hover a { color: #1283a9; background-position: right -105px !important; }
#subnav li.active span,
#subnav li.active a { color: #1283a9; background-position: right -105px !important; }

#subnav a:hover { text-decoration: none; }

#subnav li fieldset { display: block; float: left; padding: 7px 7px 0; height: 28px; background: url(images/whatson/subnav.png) no-repeat right -35px; }
#subnav input.text { float: left; width: 131px; height: 20px; line-height: 20px; padding: 0 3px; margin: 0 3px 0 0; border: none; background: url(images/subnav-search-input.png) no-repeat 0 0; color: #8d8d8d; }
#subnav input.submit { float: left; width: 20px; margin: 0 -5px 0 0; position: relative; }


/* ---------------------------------------------------------
   Calendar of Events
*/
#feature-events { margin: 0 0 -24px; }
#feature-events h3 { height: 40px; margin: 0; text-align: center; color: #17aadc; font-size: 24px; }
#feature-events .feature-overflow { width: 915px; max-height: 210px; min-height: 91px; margin: 0 -5px 0 0; overflow: hidden; }
#feature-events ul { margin: 0; padding: 0; list-style: none; }
#feature-events li { float: left; width: 302px; height: 88px; margin: 0 3px 3px 0; padding: 0; background: none; }
#feature-events li img { float: left; width: 154px; height: 88px; }
#feature-events li a { display: block; height: 88px; color: #fffffe; }
#feature-events li a span { display: block; margin: 0 0 0 171px; padding: 13px 13px 0 0; }
#feature-events li a strong { font-size: 120%; display: block; margin: 0; color: #fffffe; }
#feature-events li a:hover { text-decoration: none; }

#feature-events .feature-loading { padding: 30px 0 0; height: 61px; text-align: center; font-weight: bold; font-size: 120%; color: #a3a3a3; }
#feature-events .feature-loading img { margin: 0 auto 15px; }

.pagination { clear: both; height: 13px; padding: 13px 0 0; text-align: center; }
.pagination a, .pagination span { width: 9px; margin: 0 7px 0 0; height: 9px; display: inline-block; background: url(images/pagination-icons.png) no-repeat 0 -26px; text-indent: -9999em; overflow: hidden; }
.pagination a.active, .pagination span.active,
.pagination a:hover { background-color: #18abdd; background-position: right -26px; }
.pagination a.previous { margin: 0 7px -2px 0; width: 13px; height: 13px; background-position: 0 0; }
.pagination a.previous:hover { background-position: 0 -13px; }
.pagination a.next { margin: 0 0 -2px; width: 13px; height: 13px; background-position: top right; }
.pagination a.next:hover { background-position: right -13px; }

#events-listing { margin: 14px 0 0; width: 960px; background: url(images/notebook-listing-bg.png) repeat-y left top; color: #353535; }
#events-listing-head { width: 904px; padding: 64px 27px 0 29px; background: url(images/notebook-listing-headbg.png) no-repeat 0 0; }
#events-listing-head-inner { width: 904px; padding: 0 0 26px 0; background: url(images/notebook-listing-head-gradbg.png) repeat-x bottom left; }
#events-listing-container { width: 904px; padding: 0 27px 31px 29px; background: url(images/notebook-listing-bg.png) no-repeat bottom right; }

ul.dayslist { margin: 0; padding: 0 0 0 27px; height: 47px; list-style: none; }
ul.dayslist li { float: left; margin: 0 13px 0 0; }
ul.dayslist a { display: block; float: left; height: 47px; background: #fff url(images/days-list-rounded.png) no-repeat 0 0; color: #b2b2b2; font-size: 115%; }
ul.dayslist a span { display: block; float: left; height: 39px; padding: 8px 15px 0 14px; background: url(images/days-list-rounded.png) no-repeat bottom right; line-height: 125%; }
ul.dayslist a strong { color: #666; }
ul.dayslist a .dayname { display: block; font-size: 120%; margin: 0 0 1px; }

ul.dayslist a:hover { color: #b9e6f5; text-decoration: none; }
ul.dayslist a:hover strong { color: #74cdeb; }

ul.dayslist a.active { background-color: #18abdd; color: #d1eef8; }
ul.dayslist a.active strong { color: #fffffe; }

.events-row { width: 839px; padding: 19px 38px 19px 27px; }
.events-row.alt { background: #f4f4f4; border: 1px solid #e2e2e2; border-width: 1px 0; }
.events-row:hover { background-color: #ebf7fa; }

.events-row h3 { margin: 0; padding: 6px 0 0; float: left; font-size: 160%; color: #b2b2b2; }
.events-row h3 em { font-size: 80%; font-style: normal; display: block; }
.events-row ul { margin: 0; float: right; padding: 0; list-style: none; width: 682px; }
.events-row li { float: left; padding: 7px 0; width: 682px; border-top: 1px solid #e3e3e3; }
.events-row li.first { border-top: none; }

.events-row .time { float: left; width: 119px; padding-top: 2px; }
.events-row .category { float: left; width: 117px; padding-top: 2px; }
.events-row .category a { display: block; width: 99px; height: 15px; background-image: url(images/listing-category-mask.png); background-position: 0 0; font-weight: bold; font-size: 80%; line-height: 15px; color: #fffffe; }
.events-row .category span { display: block; display: block; width: 99px; height: 15px; background: url(images/category-titles.png) no-repeat 0 0; text-indent: -9999em; overflow: hidden; }
.events-row .title { float: left; width: 250px; font-weight: bold; padding-top: 2px; }
.events-row .title span.age18plus { padding-right: 27px; background: url(images/event-18plus.gif) no-repeat bottom right; }
.events-row .title a { color: #353535; cursor: text; }
.events-row .title a:hover { text-decoration: none; }
.events-row .title a.description { color: #17abdd; cursor: pointer; }
.events-row .title a.description:hover { color: #1283a9; text-decoration: underline; }
.events-row .location { float: left; width: 130px; padding: 2px 39px 0 0; background: url(images/listing-location-pin.png) no-repeat top right; font-weight: bold; text-align: right; }
.events-row .location a { padding-right: 29px; margin-right: -29px; }
.events-row .add { float: right; width: 27px; position: relative; }
.events-row .add img { position: absolute; right: -27px; top: 0; width: 16px; height: 16px; }

.events-row.alt .category a { background-position: 0 -15px; }

.events-row:hover h3 { color: #353535; }
.events-row:hover .category a { background-position: bottom left; }

.events-row .category .animal-lovers span { background-position: 14px 2px; }
.events-row .category .family-fun span { background-position: 24px -48px; }
.events-row .category .thrill-seekers span { background-position: 14px -98px; }
.events-row .category .arts-exhibitions span { background-position: 9px -148px; }
.events-row .category .food-lovers span { background-position: 20px -198px; }

.already-added,
.add-to-planner { position: absolute; top: 0; left: 0; display: block; width: 27px; height: 19px; background: url(images/add-to-planner.png) no-repeat 0 0; text-indent: -9999em; overflow: hidden; }
.add-to-planner:hover { background-position: 0 -19px; }
.already-added { background-position: bottom left; }

.search-results-head { padding: 5px 27px 0; }
.search-results-head h2 { margin: 0; float: left; color: #b4b1b1; font-size: 210%; }
.search-results-head h2 strong { color: #767676; }
.search-results-head fieldset { float: right; }
.search-results-head input.text { width: 173px; height: 26px; border: 0; font-size: 108%; line-height: 26px; padding: 1px 8px; margin-right: 10px; float: left; background: url(images/notebook-search-input.png) no-repeat 0 0; font-weight: bold; color: #8d8d8d; }
.search-results-head input.text:focus { background-position: 0 -42px; color: #187695; outline: none; }

#events-listing-container.loading { min-height: 300px; position: relative; }
#events-listing-container .events-loading { position: absolute; top: 0; left: 29px; width: 904px; padding: 110px 0 0; text-align: center; font-weight: bold; font-size: 120%; color: #a3a3a3; }
#events-listing-container .events-loading img { margin: 0 auto 15px; }


/* ---------------------------------------------------------
   Section Landing
*/
.page-banner { float: left; width: 702px; height: 311px; }

.banner-aside { float: right; width: 221px; height: 311px; }
.banner-aside .promo-item { width: 221px; height: 148px; display: block; }
.banner-aside .promo-item.first { margin: 0 0 15px; }

.promo-planmyday { float: right; width: 223px; height: 311px; background: #8ac67a url(images/section-landing-promo-planmyday-bg.jpg) no-repeat 0 0; color: #353535; text-align: center; line-height: 120%; }
.promo-planmyday h3 { margin: 0; display: none; }
.promo-planmyday a { display: block; width: 197px; height: 95px; padding: 214px 13px 0 13px; font-weight: bold; background: none !important; text-indent: 0 !important; color: #353535; }
.promo-planmyday a strong { color: #fffffe !important; }
.promo-planmyday span { margin: 7px auto 0; display: block; width: 109px; height: 29px; background: url(images/section-landing-promo-planmyday-btn.png) no-repeat 0 0; text-indent: -9999em; overflow: hidden; }

.promo-planmyday span.viewplanner { width: 169px; background: url(images/section-landing-promo-myplanner-btn.png) no-repeat 0 0; }

.promo-planmyday a:hover { text-decoration: none; color: #353535; }
.promo-planmyday a:hover span { background-position: bottom left; }


/* ---------------------------------------------------------
   Sitemap
*/
#sitemap ul { margin: 0; padding: 0; } 
#sitemap ul ul { margin: 10px 0 0; }
#sitemap ul ul ul { margin: 5px 0 10px 20px; }
#sitemap ul li { float: left; width: 284px; font-size: 120%; font-weight: bold; color: #37394b; padding: 0; background: none; }
#sitemap ul li li { width: 179px; float: none; font-weight: normal; font-size: 90%; }
#sitemap ul li.row_break { clear: left; width: 612px; height: 25px; padding: 0; margin: 22px 0 0; background: none; border-top: 1px solid #eaeaea; }
#sitemap ul li li.row_break { display: none; }

#sitemap ul li a { color: #37394b; }
#sitemap ul li li a { color: #17abdd; }
#sitemap ul li li a:hover { color: #3258a5; }

#sitemap ul ul ul a { color: #666; }


/* ---------------------------------------------------------
   Enquiry Form
*/
.form-row { padding: 0 0 10px; }
.form-row label { display: block; height: 22px; float: left; width: 140px; font-weight: bold; color: #898989; }
.form-row label.error { color: #c8093a; background: url(images/contact-form-error-icon.gif) no-repeat right center; }
.form-row label span { color: #c8093a; display: inline; margin: 0 !important; }
.form-row input,
.form-row textarea,
.form-row select { display: block; margin: 0 0 0 150px; }

.form-row input,
.form-row select,
.form-row textarea { width: 227px; padding: 0 3px; height: 20px; border: 1px solid #c1c0c0; border-bottom-color: #dadada; background: url(images/contact-form-input-bg.gif) repeat-x; font-size: 11px; color: #393939; font-family: Arial, Helvetica, sans-serif; }
.form-row textarea { width: 320px; height: 120px; }
.form-row select { padding: 2px 0 0 0; width: auto; height: 22px; }
.form-row select option { height: 18px; }
    
#submit-form input.submit { width: auto; margin: 0 0 0 150px; }
.submitWin100 { width: auto; margin-top: 15px !important; }
.form-row span { display: block; margin: 0 0 0 150px; }

.Win100FormPanel .form-row input,
.Win100FormPanel .form-row textarea,
.Win100FormPanel .form-row select,
.Win100FormPanel .form-row span,
.Win100FormPanel #submit-form input.submit { margin: 0 0 0 160px; }
.Win100FormPanel .form-row label { width: 140px; padding-right: 10px; }

.form-row.tandc span { display: inline; }
.form-row span.tandc { display: inline; margin: 0 0 0 7px; font-size: 11px; }
.form-row span.checkbox input { margin: 0; height: 14px; width: 14px; display: inline; vertical-align: middle; border: none; }
.form-row span.checkbox label.error { padding: 0; background: none; }
.form-row span label { margin-left: 7px; display: inline-block; float: none; color: #393939; font-weight: normal; font-size: 11px; height: 25px; }
.form-row span.error { color: #c8093a; }

.form-row .mailinglist span { margin: 0; display: inline; }
.form-row .mailinglist label { width: auto; height: auto; }


/* ---------------------------------------------------------
   Search Results
*/
.search-results { margin: 0; padding: 18px 0; border-bottom: 1px solid #e0e0e0; line-height: 130%; }
.search-results dt { display: block; float: left; width: 170px; color: #898989; font-size: 95%; }
.search-results dt a { font-weight: bold; display: block; margin-bottom: 2px; color: #21b6ed; font-size: 120%; }
.search-results dt a:hover { color: #555; text-decoration: underline; }
.search-results dd { display: block; margin: 0 0 0 185px; min-height: 35px; height: auto !important; height: 35px; }
.search-results dd strong { color: #21b6ed; }

.custom-wrapper { margin: -11px 0 0; padding: 8px 0 7px 8px; border: 1px solid #c4c6db; border-width: 0 1px 1px; }
.search-extra { float: left; }
.search-extra a { float: left; display: block; padding: 4px 40px 4px 0; font-weight: bold; }
.results-showbags a { padding-left: 28px; color: #ca093b; background: url(images/search-result-icon-showbags.gif) no-repeat left center; }
.results-events a { padding-left: 34px; color: #17abdd; background: url(images/search-result-icon-events.gif) no-repeat left center; }
.search-extra a:hover { color: #333 !important; text-decoration: none; }


/* ---------------------------------------------------------
   Sponsors
*/
.copy-container .sf_simpleList li{ background:none;}
.sf_simpleList li img{ display:inline; margin:10px 20px 0 0;}


/* ---------------------------------------------------------
   Buy Tickets Online
*/
#buy-online-container { text-align: center; padding-top: 105px; }
#buy-online-container h3 { width: 362px; margin: 0 auto 20px; height: 57px; background: url(images/tickets-buypage-title.png) no-repeat top center; text-indent: -9999em; overflow: hidden; }
#buy-online-container a { display: block; margin: 0 auto; width: 178px; height: 75px; background: url(images/tickets-buypage-anchor.png) no-repeat 0 0; text-indent: -9999em; overflow: hidden; }
#buy-online-container a:hover { background-position: bottom left; }


/* ---------------------------------------------------------
   News Items
*/
#news-listing {  }
#news-listing div:first-child { border-top: none !important; padding-top: 0 !important; }
.news-item { margin: 0 0 25px; padding: 25px 0 0; border-top: 1px solid #eaeaea; }
#single-news h3,
.news-item h3 { margin: 2px 0 8px; font-size: 170%; }
.news-item .sf_newsDate { margin: 0; font-weight: bold; color: #999; }
.news-item .read-full-article { display: block; padding: 0 0 0 20px; background: url(images/sidebar-subnav-icon.gif) no-repeat 0 1px; font-weight: bold; }
.news-item .teaser { margin: 0 0 15px; }

#paginate-news { padding: 25px 0 0; border-top: 1px solid #eaeaea; }
ol.news-pagination { margin: 0 100px 0; text-align: center; }
ol.news-pagination li { padding: 0 2px; }
ol.news-pagination li a { padding: 2px 5px; line-height: normal; background: #f7f7f7; border: 1px solid #eaeaea; font-size: 90%; cursor: pointer; font-weight: bold; }
ol.news-pagination li a.sf_PagerSelItem,
ol.news-pagination li a:hover { background: #5a7a9d; border-color: #003875; color: #fffffe; text-decoration: none; }

a.news-paginate { display: block; line-height: normal; }
a.news-paginate.prev { float: left; }
a.news-paginate.next { float: right; }

#single-news { position: relative; }
#single-news .news-perma { margin: -65px 0 25px; padding: 10px 0 15px; border-bottom: 1px solid #eaeaea; background: #fff; }
#single-news .sf_newsDate { margin: 0; font-weight: bold; color: #999; }
#single-news .news-perma h3 { margin: 5px 0 0; font-size: 250%; }

a.share-article { position: absolute; left: -76px; top: -16px; display: block; width: 52px; height: 70px; text-indent: -9999em; overflow: hidden; background: url(images/news-share-article.png) no-repeat 0 0; }
a.share-article:hover { background-position: bottom left; }


/* ---------------------------------------------------------
   Show Sponsors
*/
.copy-container .show-sponsors { clear: both; float: left; width: 612px; padding: 20px 0; margin: 20px 0 0; border-top: 1px solid #dedede; }
.copy-container .show-sponsors h3 { float: left; width: 170px; margin: 0; border: none; font-size: 130%; font-weight: normal; }
.copy-container .show-sponsors .sponsors-text,
.copy-container .show-sponsors ul { float: right; width: 435px; list-style: none; margin: 0; padding: 0; }
.copy-container .show-sponsors li { float: left; margin: 0 15px 15px; padding: 0; background: none; }

.copy-container .show-sponsors .sponsors-text ul { float: left; width: 197px; padding-right: 20px; font-size: 90%; margin-top:30px;  }
.copy-container .show-sponsors .sponsors-text li { width: 187px; margin: 0 0 7px; }

/* Specific Sponsors */
.copy-container .show-sponsors .ss-browns { clear:left; margin: 0 20px 15px 24px; }
.copy-container .show-sponsors .ss-sevennews { clear:left; margin: 0 15px 15px 25px; }
.copy-container .show-sponsors.supporting-sponsors li { min-height:70px; margin: 0 13px 15px 12px; }
