/* ultimaterollercoaster.com Responsive Style Sheet */
/* Snap point widths 974px, 766px. 567px, 374px */

body { /* center aligned page margin: 0px auto 0px auto; */ margin: 0; min-width: 300px; max-width: 1000px; padding: 0; background-color: #fff; font-family: verdana, arial, helvetica, sans-serif; /*font-family: "museo-sans", "Helvetica Neue", "Helvetica", Arial, sans-serif;*/ font-size: 14px; -moz-osx-font-smoothing: grayscale; }
a:link { color: #00f; }
a:visited { color: #639; }
a:active { color: #f00; }

/* Layout */
#wrapper { max-width: 1000px; }

#headerlogo { display: inline-block; margin: 10px 0px 10px 15px; width: 250px; height: 36px; padding: 0; }
#headerlogo h1, #headerlogo p { background-image: url(/img/ultimate-rollercoaster-logo.png); background-repeat: no-repeat; text-indent: -1000em; }
#headerlogo a { display: block; width: 250px; height: 36px; text-decoration: none; overflow: hidden; }

#headeruser { float: right; display: inline-block; margin: 10px 10px 10px 10px; padding: 22px 0 0 0;  font-size: 11px; line-height: 1.2em; }

#headeruser p, #headerlogo h1, #headerlogo p { margin: 0; padding: 0; }
p.user { }

/* Old Styles #headL { display: inline-block; margin: 0px 10px 10px 15px; width: 246px; height: 34px; padding: 0; text-align: left; }
#headR { display: inline-block; float: right; margin: 10px 10px 0px 0px; width: 100%; padding: 0; text-align: right; vertical-align: bottom; font-size: 12px; line-height: 1.2em; } */

#leaderboard { width: 100%; background-color: #009; margin: 0; padding: 0; }
#leaderboard table { margin-right: auto; margin-left: auto; border-spacing: 0px; border-collapse: collapse; }
#topnav { height: 60px; background: #009 url(/img/head_gutter1000.gif) no-repeat left bottom; }
#footer { clear: both; padding: 0px; font-size: 12px; text-align: center; }

#content, #contentN, #contentW, #contentF { font-family: "Lucida Grande", verdana, arial, helvetica, sans-serif; line-height: 1.4em; }

/* 675px Content Area Layout, 170px Sidebar R, 135px Gutter L */
#content { float: left; display: inline; margin: 0px 0px 0px 145px; width: 100%; max-width: 675px; vertical-align: top; }
* html #content { margin-top: -4px; }
#sidebarL { float: left; display: inline; margin-left: -820px; width: 135px; min-height: 331px; border: 0; padding: 0; overflow: hidden; }
* html #sidebarL { margin-top: -4px; }
#sidebarR { float: left; display: inline; margin-left: 10px; width: 100%; max-width: 170px; padding-top: 5px; }
* html #sidebarR { margin-top: -4px; }

/* 505px Content Area Layout, 340px Sidebar R, 135px Gutter L */
#contentN { float: left; display: inline; margin: 0px 0px 0px 145px; width: 100%; max-width: 505px; vertical-align: top; }
* html #contentN { margin-top: -4px; }
#sidebarLn { float: left; display: inline; width: 135px; min-height: 331px; margin-left: -650px; border: 0px; padding: 0; overflow: hidden; }
/* IE 6.0 Fix -- Margin Left Odd */
* html #sidebarLn { margin-top: -4px; margin-left: -623px; }
#sidebarRw { float: left; display: inline; margin-left: 10px; max-width: 340px; padding-top: 5px; }
/* IE 6.0 Fix Padding-Left Odd */
* html #sidebarRw { margin-top: -4px; padding-left: 0px; }

/* 850px Content Area Panarama */
#contentW { float: left; display: inline; margin-right: 5px; margin-left: 145px; width: 100%; max-width: 850px; vertical-align: top; }
* html #content { margin-top: -4px; }
#sidebarLw { float: left; display: inline; width: 135px; min-height: 331px; margin-left: -1000px; border: 0px; padding: 0; overflow: hidden; }

#contentF { float: left; width: 98%; max-width: 980px; padding: 0px 1% 0px 1%; }

/* contentN 2 column layout - w/ Fact Box in R Content Sidebar */
#lcontentCol { display: inline-block; max-width: 69%; margin-right: 10px; }
* html #lcontentCol { margin-top: 10px; }

#rcontentCol { display: inline-block; float: right; margin-top: 15px; max-width: 30%; width: 140px; font-size: 12px; line-height: 1.2em; }
* html #rcontentCol { margin-top: 10px; }

#bottomcontent { clear: both; }

.factbox, .factboxnoborder { margin-bottom: 15px; font-size: 12px; line-height: 1.3em; font-family: verdana, arial, helvetica, sans-serif; } 
.factbox {  margin-top: -8px; width: 128px; border: 1px solid #00c; padding: 10px 5px 0px 5px; background-color: #efefef; }
* html .factbox { margin-top: -2px; }

.factboxnoborder { float: right; width: 124px; border-radius: 5px; padding: 8px; background-color: #eee; } /* Used news/specialfeatures */
* html .factboxnoborder { margin-top: -2px; }

.factboxnoborder ul { padding-left: 15px; /*list-style-type: bullet;*/ }

@media only screen and (max-width: 409px) {
	#lcontentCol { display: block; margin: 0; width: 99%; max-width: none; }
	#rcontentCol { display: block; float: none; margin: 0; width: 99%; max-width: none; }
	.factbox { width: auto; }
	.factboxnoborder {  }
}

/* Ad Spaces */
.ad728 { margin: 0px auto 0px auto; max-width: 728px; }
.adspace160, .adspace300, .adspace336 { margin: 5px 5px 5px 0; }
.adspace160 { width: 160px; }
.adspace300 { width: 300px; }
.adspace336 { width: 336px; }
.adFb { float: left; margin: 10px 0px 10px 10px; width: 300px; height: 70px; }

/* Titles - Site Logo */
#logo { margin-bottom: 20px; width: 246px; height: 34px; background-image: url(/img/urc_logo.gif); background-repeat: no-repeat; }
#logo h1 { display: none; }

/* New logo layout */
/* Retiring h1 for logo so there is only one per page. */
/* Old styles #headL h1 { margin-top: 0px; background-image: url(/img/urc_logo.gif); background-repeat: no-repeat; }
#headL p { margin-top: 0px; background-image: url(/img/urc_logo.gif); background-repeat: no-repeat; text-indent: -1000em; }
#headL a { display: block; width: 246px; height: 34px; text-decoration: none; overflow: hidden; } */

span.none { visibility: hidden; }

/* Red Top Page class=n is for new CSS layout pages */
h1, h2, h3, h4, h5, h6, p.topblue { font-family: verdana, arial, helvetica, sans-serif;  }
h1 { margin-bottom: 0em; font-size: 16px; font-weight: bold; line-height: 1.2em; color: #900; }

h1.new { margin: 1.2em 0px 1px 4px; color: #900; /*text-indent: 10px;*/ padding-left: 10px; text-transform: uppercase; background-image: url(/img/title_dots.gif); background-position: left 8px; background-repeat: no-repeat; }

/* Page title for example a press release, used on new03 Top Thrill Dragster preview */
h1.title { font-size: 16px; line-height: 1.3em; text-align: center; }

h1.pic { margin: 1.2em 0px 1px 4px; color: #009; text-indent: 10px; background-image: url(/img/title_dots.gif); background-position: left center; background-repeat: no-repeat;  }


/* Blue Sub */
h2 { margin-top: 1.2em; margin-bottom: 0; font-size: 16px; color: #009; font-weight: bold; line-height: 1.3em;  }
/* 1.5em margin-top created a problem on picture gallery titles on picture pages */
/* Add to create image before titles: background-image: url(/img/title_dots.gif); background-position: left center; background-repeat: no-repeat;  text-indent: 10px; */

h2.new { margin: 1.2em 0px 1px 4px; line-height: 1.2em; padding-left: 10px; background-image: url(/img/title_dots.gif); background-position: left 6px; background-repeat: no-repeat; }

/* Blue Top Sub Indent */
h2.topblue { margin-top: 0em; margin-left: 14px; margin-bottom: 1.2em; color: #009; }
p.topblue { margin-top: 0em; margin-left: 14px; margin-bottom: 0.6em; font-size: 16px; font-weight: bold; color: #009; }

/* Top Sub Indent */
h2.topgrn { margin-top: 0em; margin-left: 14px; margin-bottom: 1.2em; color: #066; }
p.topgrn { margin-top: 0em; margin-left: 14px; margin-bottom: 1.2em; font-size: 16px; font-weight: bold; color: #066; }
h2.topgrn a { color: #066; text-decoration: none; }


/* Green Sub */
h3 { margin-top: 1.3em; margin-bottom: 0em; font-size: 16px; font-weight: bold; line-height: 1.3em; color: #066; }
h3.new { margin-bottom: 1px; margin-left: 4px; padding-left: 10px; background-image: url(/img/title_dots.gif); background-position: left center; background-repeat: no-repeat;  }
h3.blu { color: #009; }
h3.topgrn { margin-top: 0em; margin-left: 14px; margin-bottom: 1.2em; color: #066; }

h4 { margin-top: 1.3em; margin-bottom: 0em; padding-left: 10px; /*background-image: url(/img/title_dots.gif); background-position: left center; background-repeat: no-repeat; */ font-size: 16px; font-weight: bold; color: #066; line-height: 1.3em;  }
h4.new { margin-top: 0em; background-image: url(/img/title_dots.gif); background-position: left center; background-repeat: no-repeat; }
h4.red { margin-top: 0.25em; font-size: 12px; line-height: 1.3em; color: #900; }

/* Green Sub */
h5 { font-size: 14px; color: #066; font-weight: bold; line-height: 1.3em; margin-top: 0em; margin-bottom: 0em; }

.hRule { display: block; margin-top: 4px; margin-bottom: 3px; width: 100%; height: 1px; background-image: url(/img/dot_rule.gif); background-position: left center; background-repeat: repeat; }

/* p tags as headings */
p.hBlue { font-weight: bold; margin: 1.6em 0px 1px 4px; line-height: 1.0em; text-indent: 10px; background-image: url(/img/title_dots.gif); background-position: left center; background-repeat: no-repeat; text-indent: 10px; color: #009; }


/* Top Nav */
/* Code moved to /css/nav.css file */

/* Sub Nav */
.subNavRC { background-image: url(/img/sub_nav/nav_coaster-20.gif); background-repeat: no-repeat; }
.subNavTpark { background-image: url(/img/sub_nav/nav_themep.gif); background-repeat: no-repeat; }
.subNavTride { background-image: url(/img/sub_nav/nav_tr.gif); background-repeat: no-repeat; }
.subNavHotel { background-image: url(/img/sub_nav/nav_hotels.png); background-repeat: no-repeat; }
.subNavDforum { background-image: url(/img/sub_nav/nav_forum.gif); background-repeat: no-repeat; }
.subNavNews { background-image: url(/img/sub_nav/nav_news.gif); background-repeat: no-repeat; }
.subNavSouv { background-image: url(/img/sub_nav/nav_souvenirs.gif); background-repeat: no-repeat; }
.subNavRes { background-image: url(/img/sub_nav/nav_res_v2.gif); background-repeat: no-repeat; }
.subNavMin { background-image: url(/img/sub_nav/nav_mem-in.gif); background-repeat: no-repeat; }
.subNavMout { background-image: url(/img/sub_nav/nav_mem-out.gif); background-repeat: no-repeat; }
.subNavInfo { background-image: url(/img/sub_nav/nav_info.gif); background-repeat: no-repeat; }

#subNav { position: relative; float: left; width: 135px; padding: 0px; margin: 0px; list-style-type: none;}
#subNav ul { position: absolute; float: left; border: 0px; list-style-type: none; }
#subNav li { float: left; margin: 0px; padding: 1px; }
#subNav a { display: block; width: 133px; height: 14px; /* font-family: verdana, sans-serif; */ font-size: 0px; text-align: left; text-decoration: none; color: #039; text-indent: -1000em; }

/* Debug */
span.debug { font-size: 9px; color: #999; }

/* Nav Breadcrumb Trail */
span.location { display: block; padding: 5px; font-size: 11px; line-height: 1.2em; }

span.new { font-style: italic; color: #f00; font-size: 12px; }
span.regtm { font-size: 0.65em; vertical-align: top; }
p.admin_note { padding-left: 5px; font-size: 9px; color: #999; line-height: 1.25em; }
span.admin_note { font-size: 9px; color: #999; line-height: 1.0em; }
span.editor_note { color: #999; font-family: georgia, arial, serif; font-size: 13px; font-style: italic; line-height: 1.0em; }

/* Anchors Link Top */
p.anchors { margin-right: 7px; margin-left: 7px; font-size: 13px; line-height: 1.85em; letter-spacing: .42em; }
p.anchors a { text-decoration: none; }
p.totop { font-size: 11px; }

/* Page footer image, logo copyright notice for others work.  Used on ride review template. */
p.imgcredit, p.copyright { clear: both; margin-top: 1.4em; margin-bottom: 0px; font-family: georgia, arial, serif; font-size: 12px; font-style: italic; color: #999; text-align: center; line-height: 1.3em; }

p.notice { /* font-family: verdana, sans-serif; */ font-size: 11px; font-style: italic; line-height: 1.2em; }

p.dots { text-indent: 10px; background-image: url(/img/title_dots.gif); background-position: left 6px; background-repeat: no-repeat; }

ul.footernav { float: left; width: 75%; max-width: 425px; margin-top: 0px; margin-left: 10px; padding-left: 0px; list-style-type: none; white-space: nowrap;
-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
-webkit-column-gap: 18px; -moz-column-gap: 18px; column-gap: 18px;
/*-webkit-column-width: auto; */
 }
.footernav li { text-align: left; padding-top: 2px; padding-right: 5px; font-family: verdana, arial, helvetica, sans-serif; }

#twitter, #facebook, #pinterest, #googlep, #instagram, #snapchat { display: block; margin: 0px 3px 0px 2px; float: right; width: 20px; height: 20px; }
#twitter { background: url(/img/social_icons_sprite.png) no-repeat -0px 0; }
#facebook { background: url(/img/social_icons_sprite.png) no-repeat -20px 0; }
#pinterest { background: url(/img/social_icons_sprite.png) no-repeat -40px 0; }
#googlep { background: url(/img/social_icons_sprite.png) no-repeat -60px 0; }
#instagram { background: url(/img/social_icons_sprite.png) no-repeat -80px 0; }
#snapchat { background: url(/img/social_icons_sprite.png) no-repeat -100px 0; }
#twitter a, #facebook a, #pinterest a, #googlep a, #instagram a, #snapchat a { display: block; width: 20px; height: 20px; text-align: left; text-indent: -1000em; overflow: hidden; }

.instagram-widget { border: 1px solid #ccc; padding: 5px; font-family: "Trebuchet MS", Helvetica, sans-serif; font-size: 13px; font-weight: bold; }
/* span.instagram:before { content: "\f16d"; color: #666; font-family: "Font Awesome 5 Free"; padding-right: 0.2em; font-weight: normal; } */

/* Bottom of content page nav for section */
p.secnav { clear: both; margin-bottom: 0px; padding-top: 10px; font-size: 12px; line-height: 1.3em; text-align: center;}

/* Site-wide footer. Not sure where  p.credit is used */
p.footlegal { clear: both; text-align: left; font-size: 11px; font-family: arial, helvetica, sans-serif; line-height: 1.3em; color: #888;  }
p.credit { margin-bottom: 5px; font-size: 11px; font-weight: normal; color: #999; text-align: center; }

.skyad { margin: 10px 10px 0px 0px; float: right; }

/* Stat widget */
#traff { display: none; }

p.error { font-size: 12px; font-weight: normal; color: #f00; line-height: 1.3em; }
span.error { font-size: 12px; font-weight: normal; line-height: 1.0em; color: #f00; }

p.center { text-align: center; }

/* Required Form Fields */
p.require { font-size: 11px; color: #666; }
span.req { color: #f00; }

/* Forms */
input, button { margin: 1px; border: 1px solid #999; border-radius: 3px; padding: 4px; font-size: 12px; }
textarea { width: 98%; }

p.input { font-size: 12px; color: #333; }

/* Register */
.form { margin-top: 20px; /*width: 435px;*/ max-width: 643px; border: 1px solid #ddd; border-radius: 5px 5px 0px 0px; padding: 5px 15px 5px 15px; background-color: #ddd; font-size: 12px; line-height: 1.1em; }
select { padding: 2px; font-size: 11px; }
.formbutton { margin-bottom: 13px; /*width: 455px;*/ max-width: 663px; border: 1px solid #5887ff; /* #69f */ padding: 5px; background-color: #00b; /* #06c #69f; */ text-align: center; }
/* .formbutton input { border: 2px outset #ccc; } */
.forminputL { float: left; border: 0px solid #000; padding: 3px 10px 0px 0px; font-size: 12px; color: #333; }
.forminputR { padding: 3px 0px 0px 10px; font-size: 12px; color: #333; }
p.fieldTitle, label { clear: both; font-size: 12px; color: #444; }
span.fieldNote { margin-top: 0px; color: #666; font-size: 10px; font-style: italic; line-height: 1.0em; }
p.fieldNote { }


.contactform input, .contactform select, .contactform textarea { margin-top: 3px; border-color: #bbb; border-radius: 3px; }
.contactform input { min-width: 80%; padding: 5px; color: #666; }
.contactform select { min-width: 80%; padding: 2px; color: #666; font-size: 13px; font-family: verdana, helvetica, arial, sans-serif; }
.contactform textarea { width: 96%; padding: 5px; color: #666; font-family: verdana, helvetica, arial, sans-serif; }

.box { width: 93.25%; margin-top: 5px; border-width: 1px; border-style: solid; border-color: #ffdf00; border-collapse: separate; padding: 3%; font-family: sans-serif; font-size: 15px; background-color: #faf3c2; border-radius: 4px; color: #013492; }

/* Member Login Password */
/* proNext is still used in the profile setup instructions */
p.proNext { /* height: 25px; font-size: 11px; */ font-style: italic; text-align: right; /* vertical-align: bottom; */ }
img.proNext { float: right; padding-left: 5px; }
.proPartDesc { margin-top: 5px; margin-bottom: 10px; }
.proPartDesc img { float: left; padding-top: 5px; }
.proPartDesc p { margin-left: 35px; }
span.partTitle { font-weight: bold; color: #900; }

p.memNew { margin: 18px auto 18px auto; border-width: 1px 0px 1px 0px; border-style: dotted; border-color: #666; max-width: 325px; padding: 5px; text-align: center; }

span.memNewBold { font-size: 15px; font-family: helevetica, arial, sans-serif; font-weight: bold; }

.memLogin { margin: 0px auto 25px auto; border: 1px solid #ddd; border-radius: 5px; max-width: 500px; background-color: #ddd; font-size: 12px;  }
.memLogin p { clear: both; margin-left: 10px; }
.memLoginUsr { display: inline; float: left; margin: 15px 3% 10px 1%; width: 45%; /* font-size: 13px; font-family: "Cera Pro","HelveticaNeue","Helvetica Neue","HelveticaNeueRoman","HelveticaNeue-Roman","Helvetica Neue Roman"; letter-spacing: 0.1em; font-weight: 500; text-transform:uppercase; */ color: #303236; text-indent: 0.3em; }
/*.memLoginUsr input { width: 150px; background-color: #fff; font-size: 14px; color: #333; border: 2px inset #ccc;} */
.memLoginUsr input { width: 100%; }
.loginSave { clear: left; margin-left: 10px; text-transform: none; letter-spacing: 0; }
#remember {  }
.loginSave input { width: auto; }
.loginbutton { /*max-width: 438px;*/ padding: 6px; background-color: #00b; /* #06c #69f; #138; */ text-align: center; }
/* .loginbutton input { border: 2px outset #ccc; } */

.remAct { margin: 20px 10px 25px 10px; border: 1px solid #ddd; border-radius: 5px; width: 450px; background-color: #ddd; font-size: 11px; }
.remAct p { margin-right: 10px; margin-left: 10px; }
.remButton { width: 440px; height: 20px; padding: 5px; background-color: #69f; text-align: center; }

select.proForm { }

/* Button styles */
.button { display: inline-block; margin-right: auto; margin-left: auto; border: 1px solid transparent; border-radius: 6px; font-family: helvetica neue,arial,sans-serif; font-size: 16px; font-weight: bold; text-decoration: none; bottom: -1px; opacity: 1; z-index: 1; cursor: pointer; }
a.button { color: #fff; }

.buttonSm { display: inline-block; margin-right: auto; margin-left: auto; border: 1px solid transparent; border-radius: 6px; font-family: helvetica neue,arial,sans-serif; font-size: 12px; font-weight: bold; text-decoration: none; bottom: -1px; opacity: 1; z-index: 1; cursor: pointer; }
a.buttonSm { color: #fff; }

.bButton { margin-top: 5px; margin-bottom: 5px; border-color: #102c7d; padding: 0.30em 0.9em; color: #fff; line-height: 1.5em; text-shadow: 0 1px rgba(42, 53, 82, 0.9); box-shadow: 0 1px rgba(255, 255, 255, 0.35) inset; background-color: #2b54cb;
background: -moz-linear-gradient(center top, #7594d0, #2b54cb 50%, #2b54cb 50%, #2149bb) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(top, #7594d0, #2b54cb 50%, #2b54cb 50%, #2149bb);
}

.rButton { border-color: #690106; padding: 0.30em 0.9em; color: #fff; text-shadow: 0 1px rgba(137, 1, 1, 0.9); box-shadow: 0 1px rgba(255, 255, 255, 0.35) inset; background-color: #d70101;
background: -moz-linear-gradient(center top, #fd1818, #d70101 50%, #d70101 50%, #d60101) repeat scroll 0 0 transparent;
background: -webkit-linear-gradient(top, #fd1818, #d70101 50%, #d70101 50%, #d60101);
}

.oButton, .fButton { border-color: #974923; padding: 0.30em 0.9em; color: #fff; line-height: 1.5em;
text-shadow: 0 1px rgba(129, 46, 0, 0.9); box-shadow: 0 1px rgba(255, 255, 255, 0.35) inset;
background-color: #f26623;
background: -moz-linear-gradient(center top, #ed9870, #f07940 50%, #f07940 50%, #f26623) repeat scroll 0 0 transparent; /* Firefox 3.6+ */
background: -webkit-gradient(linear, left top, left bottom, from(#ed9870), to(#f07940)); /* Chrome, Safari4+ */
background: -webkit-linear-gradient(top, #ed9870, #f07940 50%, #f07940 50%, #f26623 ); /* Chrome10+, Safari5.1+ */
}

/* Search box */
.SearchBox { display: block; margin: 15px 0 5px; border: 1px dotted #ccc; border-radius: 4px; padding: 2% 1%; background-color: #eee; color: #999; /*font-family: "avenir, arial, helvetica, sans-serif, 'Trebuchet MS'";*/ font-size: 13px; /*text-transform: uppercase;*/ text-align: left; text-indent: 2px;  }
.SearchBox h2 { margin-top: 0px; margin-bottom: 2px; font-size: 13px; }
.SearchBox input { display: inline-block; float: left; margin-right: 1%; max-width: 90%; width: 100%; font-size: 15px; text-align: left; }
.SearchGutter input { max-width: 80%; width: 100%; }
.SearchBox ::placeholder { color: #bbb; }
/*.SearchBox input.gutter { margin-right: 1%; max-width: 83%; }*/
.SearchBox button { padding: 6px 6px 0; min-width: 28px; line-height: 15px; font-size: 0px; }
.SearchBox button:before { content: "\f002"; font-family: "Font Awesome 5 Free"; font-size: 15px; font-weight: 900; line-height: 14px; }
.SearchBox button:hover { cursor: pointer; }
.search_nav { margin: 20px 5px 15px 0px; font-size: 12px; text-align: center; word-spacing: 0.7em; }
h2.search { font-size: 15px; font-weight: normal; }
a.search, a.searchurl { font-size: 12px; color: #063; }
.searchresults { font-size: 13px; }
.result_desc { font-size: 13px; line-height: 1.0em; }

.suggestion { display: block; margin: 12px 0; border: 1px solid #f4c991; border-radius: 3px; background-color: #fefdda; padding: 5px 10px; }
.suggestion i { float: left; display: block; margin: 5px; 20px 5px 20px; padding-right: 5px; color: #fac907; /* orange #fa9e26 */ font-size: 25px; }

.top_searches { display: block; margin: 12px 0; border: 1px solid #f7c1b2; border-radius: 3px; padding: 10px 15px; background-color: #faf8c8; color: #c3654c; font-style: italic; font-weight: 900; }
.top_searches ul { margin: 0 5px; padding: 10px; list-style-type: none; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.top_searches li { font-family: helvetica, arial; font-style: normal; font-weight: 500; line-height: 1.5em; }
.top_searches li a { color: #3f94a3; } 

/* Section Intro Pages - Roller Coasters, Theme Parks, Thrill Rides */
#section-content { display: inline-block; float: left; width: 53%; padding: 10px 1%; font-size: 15px; line-height: 1.4em; font-family: sans-serif; }
#section-sidebar { display: inline-block; width: 41%; padding: 10px 2%; font-size: 14px; font-family: helvetica, arial, sans-serif; line-height: 1.4em; }


/* NEWS Section */
p.newsidx { font-size: 14px; line-height: 1.3em; }
p.newsdate { margin-top: 0.8em; font-size: 14px; line-height: 1.2em; color: #333; }
p.author { font-size: 11px; font-style: italic; color: #999; }
span.author { font-size: 12px; font-weight: bold; color: #669; }
span.newsdate { color: #777; font-size: 12px; }

.newsstory h1 { margin-top: 0.9em; margin-bottom: 1.0em; font-size: 18px; font-weight: bold; color: #000; }
.newsstory p { line-height: 1.5em; }
.newsstory li { margin-bottom: 5px; color: #444; }

.newsimg100, .newsimg125, .newsimg130, .newsimg150, .newsimg170, .newsimg175, .newsimg180, .newsimg200, .newsimg225, .newsimg235, .newsimg250, .newsimg300, .newsimg350 { float: right; margin: 6px; font-size: 11px; line-height: 1.3em; }

.newsimg100 { width: 100px; }
.newsimg125 { width: 125px; }
.newsimg130 { width: 130px; }
.newsimg150 { width: 150px; }
.newsimg170 { width: 170px; }
.newsimg175 { width: 175px; }
.newsimg180 { width: 180px; }
.newsimg200 { width: 200px; }
.newsimg225 { width: 225px; }
.newsimg235 { width: 235px; }
.newsimg250 { width: 250px; }
.newsimg300 { width: 300px; }


.newsimg400, .newsimg450, .newsimg460, .newsimg475, .newsimg500 { margin: 6px auto 6px auto; font-size: 11px; line-height: 1.3em; }

.newsimg350 { max-width: 350px; }
.newsimg400 { max-width: 400px; }
.newsimg450 { max-width: 450px; }
.newsimg460 { max-width: 460px; }
.newsimg475 { max-width: 475px; }
.newsimg500 { max-width: 500px; }

.newsimg350 img, .newsimg400 img, .newsimg450 img, .newsimg460 img, .newsimg475 img, .newsimg500 img { margin: 3px 0px; border-width: 1px; border-style: solid; border-color: #666; width: 100%; height: auto; }

.video-container { position: relative; padding-top: 30px; padding-bottom: 56.25%; /* 16:9 ratio */ height: 0; overflow: hidden; }

.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Apply styles directly to the image in the article */
img.newsimg {  }

.newsad300 { float: left; margin: 6px 8px 6px 0px; width: 300px; }

p.newscredit { font-size: 12px; font-style: italic; line-height: 1.2em; color: #666; }

/* backlink in use 2008.04.26 */
p.backlink { clear: both; margin: 15px 0px 12px 0px; font-size: 14px; }

.storynav { position: relative; margin: 0px; border: 0px; padding: 0px; }
.storynav ul { float: left; list-style-type: none; }
.storynav li { float: left; padding: 5px 4px 0px 4px; list-style-type: none; font-size: 12px; line-height: 2.2em; }

.comments { clear: both; margin: 10px 0px 5px 0px; border-width: 1px 0px 1px 0px; border-style: solid; border-color: #999; padding: 7px; background-color: #06c; /* #ddd; */ font-weight: bold; color: #fff; }

p.first { margin: 10px 0 25px 0; padding-left: 5px; font-family: helvetica nueu,arial,sans-serif; font-weight: bold; color: #333; }

p.num { margin: 5px 0px 5px 0px; padding-left: 12px; font-size: 11px; color: #333; }
p.addComment { margin: 0px; padding-left: 12px; font-size: 12px; font-weight: bold; color: #333; }

.uComment { margin-bottom: 20px; border-width: 1px 0px 0px 0px; width: 460px; border-style: dotted; border-color: #999; padding: 5px 12px 0px 12px; color: #444; }
span.comment_intro { font-size: 12px; font-weight: bold; color: #6195ca; }
span.comment_intro a { font-style: normal;  }

.comment_posted { margin: 20px 0px; width: 100%; padding: 8px 8px 8px 10px; background-color: #f2f2f2; }

.news_nav { margin-bottom: 5px; margin-right: 5px; font-size: 11px; text-align: right; word-spacing: 0.7em; }

span.news_page { font-weight: bold; }

/* news_form news_formB  are no longer used for the post comment form 
.news_form { margin-top: 15px; width: 428px; border: 1px; border-color: #bbbbbb; border-style: solid; padding: 5px 15px 5px 15px; background-color: #eeeeee; }
.news_formB { margin-bottom: 20px; width: 450px; padding: 5px; background-color: #cccccc; text-align: center; } */

/* Used for News Post Comments form */
/* input.news { width: 120px; color: #333333; } */
textarea.news  { width: 420px; height: 200px; }
textarea.news:focus { background-color: #f9fcff; }

.newsarchive td { /* font-family: verdana, sans-serif; */ font-size: 11px; }

.newsfeature { clear: left; margin-top: 20px; margin-bottom: 10px; }
.newsfeature a { font-weight: bold; }
.newsfeatureImg { float: left; padding: 7px 15px 7px 5px; height: 100%; }
.newsfeatureImg img { border: 1px solid #00f; }

.newsfeatureboxR { float: right; margin: 6px 8px 6px 8px; width: 150px; border-radius: 5px; padding: 8px; font-size: 12px; line-height: 1.4em;  background-color: #ddd; }
.newsfeatureboxR h2 { font-size: 12px; line-height: 1.3em; margin-top: 0em; margin-bottom: 0em;  }

/* News Search */
.news_search_nav { margin: 20px 5px 5px 0px; font-size: 12px; text-align: center; word-spacing: 0.7em; }


/* ROLLER COASTERS Section */
h1.rollercoaster { display: block; max-width: 627px; width: 100%; height: 160px; background-image: url(/coasters/img/rc_banner_630.jpg); background-repeat: no-repeat; text-indent: -1000em; }

/* Roller Coaster, Theme Park, Thrill Ride Intro Layout */

/* Deprecating the following styles-
table.intro { margin-top: 15px; width: 100%; padding: 0px 0px 10px 0px; border-width: 0px; border-style: none; }

td.intro_lcol { border-width: 0px 1px 0px 0px; border-style: none dashed none none; border-color: #ddd; padding: 0px 15px 0px 0px; color: #006; vertical-align: top; line-height: 1.6em; }

td.intro_rcol { width: 270px; border-width: 0px; padding: 0px 10px 0px 15px; font-size: 14px; line-height: 1.4em; color: #555; vertical-align: top; }


*/

table.rcReviewIdx { margin-top: 10px; }
.rcReviewIdx td { padding: 7px 5px; }
.rcReviewIdx td.rcLogo { text-align: center; }

/* Ride reviews /coasters/ /thrillrides/, attraction previews: /themeparks/, also used  /news/specialfeatures */

.thumb100L, .thumb120L, .thumb130L, .thumb140L, .thumb150L, .thumb160L, .thumb165L, .thumb175L, .thumb180L, .thumb190L, .thumb200L, .thumb215L, .thumb220L, .thumb250L, .thumb300L { float: left; margin: 6px 10px 6px 0px; font-size: 12px; line-height: 1.3em; }

.thumb100R, .thumb120R, .thumb130R, .thumb140R, .thumb150R, .thumb160R, .thumb165R, .thumb175R, .thumb180R, .thumb190R, .thumb200R, .thumb215R, .thumb220R, .thumb250R, .thumb300R { float: right; margin: 6px 0px 6px 10px; font-size: 12px; line-height: 1.3em; }

.thumb100L, .thumb100R { width: 100px; }
.thumb120L, .thumb120R { width: 120px; }
.thumb130L, .thumb130R { width: 130px; }
.thumb140L, .thumb140R { width: 140px; }
.thumb150L, .thumb150R { width: 150px; }
.thumb160L, .thumb160R { width: 160px; }
.thumb165L, .thumb165R { width: 165px; }
.thumb175L, .thumb175R { width: 175px; }
.thumb180L, .thumb180R { width: 180px; }
.thumb190L, .thumb190R { width: 190px; }
.thumb200L, .thumb200R { width: 200px; }
.thumb215L, .thumb215R { width: 120px; }
.thumb220L, .thumb220R { width: 220px; }
.thumb250L, .thumb250R { width: 250px; }
.thumb300L, .thumb300R { width: 300px; }

p.writer { font-size: 12px; font-style: italic; line-height: 1.3em; color: #333; }

.rc-logo { float: right; margin: 10px 5px 10px 8px; }
.rc-logoL { float: left; margin: 5px 8px 5px 0px; }

/* Coaster Previews - Press Releases 
See above for h1.title - seems to be duplicate */
h1.pr { font-size: 16px; text-align: center; }
h2.pr { margin-top: 0; margin-bottom: 1.3em; font-size: 14px; font-weight: normal; text-align: center; }

table.newCoaster { margin-top: 10px; border-spacing: 0px; font-size: 11px; }
.newCoaster th { text-align: left; border: 1px #ccc dotted; padding: 5px; background-color: #fff; }
.newCoaster td { border-bottom: 2px #fff solid; padding: 5px; background-color: #ccc; }
td.newCoasterName { }

/* RC and TR Picture Gallery additional styles below */
img.imgGridelogo { margin: 5px 0; }

table.imgG { margin-top: 10px; margin-bottom: 30px; border: 0px; }
table.imgG td { padding: 5px 5px 5px 5px; width: 100px; font-size: 12px; line-height: 1.2em; text-align: center; vertical-align: bottom;  }
table.imgG img { border-width: 0px; border-style: solid; }

.rcRecords { margin-top: 10px; width: 505px; text-align: left; }
.rcRecords th { height: 25px; padding-left: 10px; background-color: #ff6; font-size: 12px; }
.rcRecords td { border-top: 1px solid #fff; padding: 5px 6px 5px 10px; vertical-align: top; background-color: #eef; font-size: 12px; line-height: 1.3em; }
.rcRecords th.rc { width: 145px; }
.rcRecords th.loc { width: 185px; }
.rcRecords th.yr { width: 40px; }

/* Roller Coaster Yellowpages */
.topic-idx-container { display: inline-block; margin: 10px 5px; width: 45%; vertical-align: top;}
span.subtopics { font-size: 11px; }
.topic-idx-container a { margin-right: 6px; }

.editorpick { color: #c00; font-family: georgia, times, serif; font-size: 14px; font-weight: bold; font-style: italic; }

table.rc_detail { width: 100%; margin: 3px 0px 5px 0px; border-width: 1px; border-style: solid; border-color: #ddd; border-spacing: 0px; }
table.rc_detail th { padding: 6px; background-color: #eee; font-size: 12px; font-weight: bold; color: #333; text-align: left; }
table.rc_detail td { padding: 6px; font-size: 12px; }

/*table.rc_stat { width: 470px; margin: 2px 0px 5px 0px; border-width: 0px; border-style: none; border-spacing: 1px; border-collapse: separate; }
table.rc_stat td { width: 50%; padding: 6px 6px 6px 6px; background-color: #eee; font-size: 12px; }
table.rc_stat td.rc_statempty { width: 50%; background-color: #fff; } */

.rc_stats { width: 100%; margin: 25px 0; overflow: auto; }
.rc_stats ul { margin: 0; padding: 0; list-style-type: none; /*-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
-webkit-column-gap: 1px; -moz-column-gap: 1px; column-gap: 1px; */ }
.rc_stats li { float: left; display: inline-block; margin-top: 1px; margin-right: 1px; width: 167px; overflow: hidden; }

.stat { display: block; width: 90%; background-color: #04178a; padding: 3% 5%; color: #eee; font-size: 11px; text-align: center; text-transform: uppercase; letter-spacing: 0.08em; }
.stat-value { display: block; margin: 0; width: 96%; background-color: #eee; padding: 4% 2%; color: #555; font-family: helvetica, arial; font-size: 17px; font-weight: 600; text-align: center; }
.measure { display: block; width: 90%; background-color: #ddd; padding: 1% 5%; color: #666; font-size: 10px; font-weight: bold; text-align: center; text-transform: uppercase; }
span.stat-train-mfg { font-size: 12px; line-height: 1.0em; }


.rcyNavBox p { clear: both; margin: 25px 0px 0px 0px; font-family: georgia, times, serif; font-style: italic; text-align: center; color: #888; }

/* .rcyNavBox { float: left; margin: 1px 1px 20px 1px; height: 61px; width: 190px; padding: 3px 20px 3px 20px; font-size: 12px; font-style: italic; color: #999; } */
.rcyNavBox ul { margin: 0; background-color: #f5f5f5; padding: 8px; font-size: 12px; line-height: 1.4em; list-style-type: none; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-gap: 6px; -moz-column-gap: 6px; column-gap: 6px; 
border-radius: 6px; }
.rcyNavBox li { display: block; padding-left: 6px; }
.rcyNavBox li.heading { padding-left: 0px; font-size: 12px; font-style: italic; }

.yp-ridelist { /* font-family: verdana, sans-serif; */ font-size: 11px; color: #000; }
ul.rcfactbox { list-style-type: none; margin-top: 10px; padding: 0; }

.rollercoasterIdx { margin: 10px 0 5px 0; border-spacing: 0; width: 99%; font-size: 12px; text-align: left; }
.rollercoasterIdx th { height: 25px; padding-left: 10px; background-color: #ff5; /* #e70 orange */ color: #555; }
.rollercoasterIdx th.des { width: 40%; }
.rollercoasterIdx td { border-top: 1px solid #fff; padding: 7px 6px 7px 10px; vertical-align: top; background-color: #eef3ff; /* #eef */ }
.rollercoasterIdx td a { font-size: 12px; }

p.yp-credit { margin-bottom: 0px; /* font-family: verdana, sans-serif; */ font-size:9px; color: #666; text-align: center; }

.rcyAnchors { font-size: 11px; line-height: 1.75em; }
.rcyIdx ul { list-style-type: none; padding-left: 11px; }
.rcyIdx li { padding-bottom: 2px; }

ul.rcyAnchors { margin: 10px 0 10px 10px; padding: 0px; list-style-type: none;
-webkit-column-count: 4; -moz-column-count: 4; column-count: 4;
-webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; }
ul.rcyAnchors li { font-size: 12px; line-height: 1.4em; }

.dbnav { display: block; margin-top: 10px; height: 36px; border-radius: 5px 5px 0 0; padding: 3px 3px 0 3px; background-color: #0129bf; }
.dbgroup { display: inline-block; margin: 0 2% 0 2%; width: 45%; font-size: 11px; line-height: 1.1em; text-align: center; font-family: "Trebuchet MS", Helvetica, sans-serif; letter-spacing: 0.04em;  color: #fff; }
.dbtab { display: inline-block; margin: 1px 0 0 0; padding: 4px 6px; height: 18px; border-radius: 2px 2px 0 0; background-color: #f7ef91; font-size: 12px; letter-spacing: 0.04em; }
.dbtab a { text-decoration: none; color: #16027d; }
.dbtabON { background-color: #fff; }

@media only screen and (max-width: 409px) {
	ul.rcyAnchors { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;
	-webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; }
}

#fav_coaster_button { float: right; }

#fav_coaster_button a { display: inline-block; padding: 5px 12px;
	-moz-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #bee2f9;
	box-shadow:inset 0px 1px 0px 0px #bee2f9;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #63b8ee), color-stop(1, #468ccf));
	background:-moz-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-webkit-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-o-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:-ms-linear-gradient(top, #63b8ee 5%, #468ccf 100%);
	background:linear-gradient(to bottom, #63b8ee 5%, #468ccf 100%);
	background-color:#63b8ee;
	border-radius: 6px;
	border: 1px solid #3866a3; cursor: pointer; color:#14396a; font-family: arial; font-size: 12px; font-weight: bold; line-height: 1.2em;
	text-decoration: none; text-shadow: 0px 1px 0px #7cacde;
}


#fav_coaster_button:hover a {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #468ccf), color-stop(1, #63b8ee));
	background:-moz-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-webkit-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-o-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background:-ms-linear-gradient(top, #468ccf 5%, #63b8ee 100%);
	background: linear-gradient(to bottom, #468ccf 5%, #63b8ee 100%);
	background-color:#468ccf;
}

#fav_coaster_button:active a { position: relative; top:1px; }

/* Roller coaster, theme park index pages, Theme Park Locator indexes  */
.tpIdx { clear: left; }
.tpIdx ul { list-style-type: none; padding: 3px 18px; }
.tpIdx li { padding-bottom: 1px; line-height: 1.8em;}

/* Roller Coaster History */
h1.rcHistory { display: block; margin-bottom: -5px; max-width: 630px; height: 60px; background: url(/coasters/history/img/his_title_banner_630.gif) no-repeat; background-size: 100%; text-indent: -1000em; }
p.rcHistory { font-size: 18px; font-family: georgia, times new roman, serif; line-height: 1.4em; }

#LColrchist { display: inline-block; float: left; margin: 0px 5% 0px 0px; width: 55%; padding: 0px; }
* html #LColrchistory { margin-top: 10px; }
#LColrchist h2, #LColrchist h3 { font-family: georgia, times new roman, serif; }
#RColrchist { display: inline-block; float: left; margin-top: 0px; width: 40%; border: 0; padding: 0; }
* html #rcontentCol { margin-top: 10px; }

.rcHistfacts { float: right; margin: 0px; width: 88%; border: 1px solid #efefef; border-radius: 5px 0px 0px 5px; padding: 5% 6%; font-size: 14px; font-family: georgia, times new roman, serif; line-height: 1.4em; background-color: #efefef; }
* html .rcHistfactbox { margin-top: -2px; }

.rchBanner { margin: 10px 0px -10px 15px; }

@media only screen and (max-width: 567px) {
	#LColrchist { float: none; margin: 0 2%; width: 96%; }
	#RColrchist { float: none; margin: 0 2%; width: 96%; }
	.rcHistfacts { width: 94%; border: 1px solid #efefef; border-radius: 5px 5px 5px 5px; padding: 3%;  }
}

.rcQuotebox { margin: 10px 0px 5px 0px; padding: 10px 10px 1px 10px; background-color: #f5f5f5; font-family: georgia, times, serif; font-size: 16px; color: #666; }
.rcQuoteauth { font-size: 14px; font-weight: bold; color: #940; }

.rcHblockquote { font-family: georgia, times, serif; font-size: 14px; font-style: italic; color: #666; }

.imgBox { font-size: 12px; line-height: 1.2em; }
.sz130 { width: 130px; }
.sz155 { width: 155px; }
.sz165 { width: 165px; }
.sz200 { width: 200px; }
.sz250 { width: 250px; }
.alignL { float: left; margin: 6px 10px 6px 0px; }
.alignR { float: right; margin: 6px 0px 6px 10px; }

/* Also used Timberland Twister review */
.citation { margin-top: 5px; border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 2px; font-family: georgia, times, serif; font-size: 12px; font-style: italic; color: #888; line-height: 1.0em; }
span.cite { font-size: 10px; vertical-align: top; }

.rcHistnav { font-size: 11px; text-align: center; }

/* THEME PARKS Section */
/* no longer used .intro_rcol h2 { font-size: 11px; } */
h1.themepark { display: block; max-width: 627px; width: 100%; height: 160px; background-image: url(/themeparks/img/tp_banner_630.jpg); background-repeat: no-repeat; text-indent: -1000em; }
.intro_rcol p { clear: left; margin-top: 15px;  }
img.mapicon { clear: left; float: right; margin: 0px 0px 0px 10px; border: 1px #000 solid; }
ul.stateList { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-gap: 15px; -moz-column-gap: 15px; column-gap: 15px;   }

ul.stateList li { padding-bottom: 4px; }

/* Theme Park Locator - Park Pages 630px wide */
.tpContent { float: left; display: block; margin-right: 2%; width: 52%; color: #333; line-height: 1.7em; }

.tpSidebar { float: left; display: block; width: 42%; padding: 2%; font-size: 12px; line-height: 1.3em; background-color: #f7f7f7; border-radius: 7px; }
.tpSidebar h2 { margin-top: 0px; font-size: 13px; line-height: 2.5em; color: #009; }
.tpSidebar h3 { font-size: 13px; line-height: 1.75em; color: #b40; }
/* p.sidebarH2 { margin: 0px 0px 0px 0px; font-size: 12px; text-indent: 0px; line-height: 2.5em; color: #009; }
p.sidebarH3 { font-size: 12px; line-height: 1.75em; color: #b40; } */
.tpSidebar table { width: 100%; border-spacing: 2px; border-collapse: separate; }
.tpSidebar th { width: 100px; border: 0px dotted #ccc; padding: 4px; background-color: #e8e8e8; font-size: 11px; font-weight: normal; font-style: italic; color: #666; text-align: right; }
.tpSidebar td { border: 0px dotted #ccc; padding: 4px 4px 4px 5px; background-color: #ddd; font-size: 11px; color: #333; }

.ticketOffer a { font-weight: bold; }

/* Google maps for roller coasters & theme parks */
#map { width: 300px; height: 250px; }
.googleMap { clear: both; margin-top: 5px; border: 1px #ccc solid; }

#rcmapHeader, #parkmapHeader { margin-top: 14px; border: 1px solid #fc4449; padding: 7px 10px; background-color: #fc4449; /* #c09 purple */ font-size: 14px; font-weight: bold; color: #fff; }
#parkmapHeader { background-color: #f63; /* orange */ }

/* Width and height attributes set on html tag for /themeparks/<park>/map and /themeparks/map/
but for /coasters/parks/<park> they are set here using CSS */
#parkmapLg { margin: 0; border: 1px #ccc solid; width: 99.7%; min-height: 350px; }

.gmap_marker { width: 100%; height: 100%; min-width: 175px; font-family: verdana, sans-serif; font-size: 12px; line-height: 1.1em; overflow: hidden; }
.gmap_marker a { font-weight: bold; }
.mapMarker { width: 100%; height: 100%; min-width: 200px; font-family: verdana, sans-serif; font-size: 12px; line-height: 1.1em; overflow: hidden; }
.mapMarker a {  }

ul.state_links { margin: 10px 0px 10px 10px; padding: 0; font-size: 12px; /* background-color: #eed; */ 
-webkit-column-count: 4; -moz-column-count: 4; column-count: 4;
-webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px;
}
ul.state_links li { line-height: 1.8em; list-style-type: none; }

@media only screen and (max-width: 536px) {
	.tpContent { float: none; width: 96%; margin-left: 2%; }
	.tpSidebar { float: none; width: 96%; } 
	ul.state_links { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
	-webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; }
}


/* themeparks/sixflags-tickets  in development */
table.sixflagstickets { margin: 20px 0px 20px 0px; width: 600px; }
.sixflagstickets th { height: 24px; padding: 2px 0px 2px 6px; background-image: url(/themeparks/sixflags-tickets/img/table-bg.gif); font-size: 11px; font-weight: normal; color: #fff; text-align: left; }
.sixflagstickets td { height: 24px; padding: 2px 0px 2px 6px; background-color: #eee; font-size: 11px; }


/* THRILL RIDES Section */
h1.thrillride { display: block; max-width: 627px; width: 100%; height: 160px; background-image: url(/thrillrides/img/tr_banner_630.jpg); background-repeat: no-repeat; text-indent: -1000em; }

p.trlogo { background-image: none; text-align: center; }
span.trpark { color: #900; font-weight: bold; line-height: 1.3em; margin-top: 0em; margin-bottom: 0em; }


/* Thrill Rides Simpsons Review, also used for Roller Coaster Reviews, Pictures class img.thumb also used in RCHistory */
img.thumb { margin-bottom: 2px; border-width: 1px; border-style: solid; }
img.thumbL { float: left; margin: 0px 8px 8px 0px; border-width: 1px; border-style: solid; }
img.thumbR { float: right; margin: 0px 0px 8px 8px; border-width: 1px; border-style: solid; }

.embedcode { margin: 15px auto 0; max-width: 540px; }

p.imgnav { font-size: 12px; line-height: 1.2em; text-align: center; }
/* Possible duplicate of p.copyright and/or p.credit.  Used on photo gallery pages and ride review photo pages */


p.imggallery { }
img.imggallery { border: 1px; border-style: solid; border-color: #333; }
p.related { margin-top: 20px; font-size: 11px; color: #555; }

/* End Thrill Rides */

/* used on theme park info pages and theme parks: lodging.php 
THIS SHOULD BE ELIMINATED - May conflict with body at start */
/* DELETED .body { font-family: verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #000; } */


/* FORUMS Section */
h1.forumH { max-width: 627px; width: 100%; height: 160px; background: url(/forums/img/forum_banner_630.gif) no-repeat; text-indent: -1000px; }
/* h1.forums { width: 320px; height: 40px; background: url(/forums/img/for_title_320.gif) no-repeat; text-indent: -1000px; } 
.forumListing { margin: 5px 0px 15px 0px; width: 290px; padding-left: 35px; background: url(/forums/img/msg_brd.gif) no-repeat; }
.forumListing a { font-weight: bold; color: #00f; }
span.forumNew { font-size: 10px; font-style: italic; color: #666; } */

.forums-idx-container { margin-top: 4px; margin-bottom: 5px; border: 1px solid #ccc; padding: 4px; background-color: #eee; }
.contentBox { margin: 0px; border: 1px solid #bbb; border-radius: 2px; padding: 10px; background-color: #fff; }
.forum { margin-top: 10px; margin-bottom: 5px; border: 1px solid #ccc; padding: 5px 10px 5px 10px; background-color: #f4f4f4; font-size: 12px; line-height: 1.4em; }
.forum ul { margin: 2px 0px 2px 0px; border: 1px solid #bbb; border-radius: 4px; width: 100%; height: 25px;  padding: 0; background-color: #fff; list-style-type: none;  }
.forum li { float: left; padding: 5px; }
.forum li.newMsg { font-style: italic;}
a.forumName { font-size: 14px; }

/* Newer styles on index */



/* RESOURCES Section */
.linkCategories ul { }
.linkCategories li { border: 0px; padding: 5px; font-weight: bold; list-style-type: none;  }


/* SOUVENIRS Section */
ul.prodCat { display: block; margin: 10px 0px 15px 5px; padding: 0px; list-style-type: none;
-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
-webkit-column-gap: 18px; -moz-column-gap: 18px; column-gap: 18px; 
-webkit-column-width: auto; -mos-column-width: auto; column-width: auto;
/* white-space: nowrap;*/ }
li.prodCat { line-height: 1.6em; font-size: 13px; }

.productContainer { display: block; margin-top: 10px; margin-bottom: 15px; overflow: hidden; }
.productImage { float: left; border: 0px; width: 120px; height: 100%; padding-top: 2%; text-align: center; }
.productDesc { margin-left: 140px; color: #333; line-height: 1.3em; font-size: 13px; }
.productDesc a { font-size: 15px; color: #014488; }
.productImage img { }
span.prodInfo { font-size: 12px; color: #cd5555; font-style: italic; font-style: normal; }
.pFeatureBox { display: block; margin: 10px 0; border: 1px solid #93d9f9; border-radius: 6px; padding: 5px 15px; background-color: #ebf0f8; }

.affiliate { display: block; margin: 15px 15px 0; border: 1px solid #e30613; border-radius: 5px; padding: 9px 15px; background-color: #f8bb2c; /* #fab617 */ color: #e30613; font-family: helvetica, 'arial', sans-serif; font-size: 13px; font-style: italic; letter-spacing: 0.05em; line-height: 1.25em; }
.affiliate p { margin: 0; }


/* SITE INFO Section */
/* Deprecated
table.infoidx { margin: 20px auto 20px auto; width: 600px; }
table.infoidx a { font-weight: bold; }
.infoidx td { padding: 8px; } */

.infoidx-li { float: left; margin: 15px 3% 5px; width: 44%; }
.infoidx-li a { font-weight: bold; }

.faq-banner { max-width: 468px; width: 100%; height: auto; }

.tosPrivacy { font-size: 13px; }

.sitemapCol { float: left; margin: 5px 0px 15px 5px; max-width: 300px; padding: 1px; font-size: 12px; }
.sitemapCol h2 { background-image: url(/img/title_dots.gif); background-position: left center; background-repeat: no-repeat; color: #009; text-indent: 10px; }
.sitemapCol h2 a { color: #009; text-decoration: none; }
.sitemapCol p { margin-bottom: 2px; font-size: 12px; margin-left: 10px; }
.sitemapCol ul { margin-top: 5px; padding-left: 25px; list-style-type: none; }
.sitemapCol li { padding-left: 15px;  background-image: url(/img/title-arrow.png); background-position: left 5px; background-repeat: no-repeat; }


/* ERROR pages 401, 404, 403, 500 */
#errorTopnav { margin: 0; clear: both; height: 38px; padding-top: 0px; background-color: #009; }
#errorContent { padding: 10px 5px 0px 5px; }
#errorWrap { padding: 0px 20px 0px 20px; font-size: 12px; }
#errorContent h1 { font-size: 16px; color: #000; }
#errorContent h2 { font-size: 13px; color: #900; }
#errorContent li { margin-bottom: 10px; font-size: 13px; }
#errorContent table { margin-bottom: 15px; }
#errorContent th { width: 20%; padding: 0px 5px 0px 5px; background-image: url(/img/title_dots.gif); background-position: left center; background-repeat: no-repeat; font-size: 13px; color: #006; line-height: 1.0em; text-align: left; text-indent: 5px; }
#errorContent td { width: 20%; padding: 10px 5px 0px 10px; font-family: arial, sans-serif; font-size: 13px; vertical-align: top; line-height: 1.5em; }

#maintenance { width: 560px; margin: 80px auto 0 auto; }
#maintenance h1 { display: block; width: 340px; height: 48px; margin-right: auto; margin-left: auto; background-image: url(/img/urc_logo_340.gif); background-repeat: no-repeat; text-indent: -1000em; }
#maintenance h2 { font-size: 18px; text-align: center; }
#maintenance p { font-size: 14px; text-align: center; }
#maintenance p.hint { font-size: 11px; font-style: italic; line-height: 2.5em; color: #999; }
#maintenanceF { width: 600px; margin: 30px auto 0px auto; border-top: 1px dotted #ddd; }
#maintenanceF p { font-size: 10px; font-weight: normal; color: #666; line-height: 1.2em; text-align: center; }

/* ARES bots */
#aresVbot { clear: both; margin-top: 340px; }

/* TICKETS & HOTELS Section - ARES Bot */
#parkHotelBotHeader { margin-top: 15px; /* width: 616px; */ padding: 7px; background-color: #f63; font-weight: bold; color: #fff; }
#parkHotelBot { padding: 10px; border: 1px solid #ddd; overflow: hidden; }
#parkHotelBot ul { clear: both; display: block; margin-top: 15px; padding: 0px; list-style-type: none; }
#parkHotelBot li { float: left; margin-bottom: 10px; margin-right: 10px; }

/* Park rating block */
.ratingblock { display: block; margin-top: 3px; margin-bottom: 3px; /*border:1px solid #ddd;*/ padding: 0 2px; line-height: 1.4em; font-size: 12px; color: #666; }
.ratingblock ul { margin-bottom: 2px; margin-right: 50%; }
.fb-like { float: right; }

.loading { height: 30px; background: url('/img/working.gif') no-repeat 50% 50%; }
	
.unit-rating { /* the UL */ list-style-type: none; margin: 0px 5px 5px 0px; padding: 0px; height: 15px; position: relative; background: url('/img/star-rating-sprite.gif') repeat-x top left; }
.unit-rating li{ text-indent: -90000px; padding: 0; margin: 0; float: left; }
.unit-rating li a { outline: none; display: block; width: 15px; height: 15px; text-decoration: none; text-indent: -9000px; z-index: 20; position: absolute; padding: 0px; }
.unit-rating li a:hover{ background: url('/img/star-rating-sprite.gif') left center; z-index: 2; left: 0px; }

.unit-rating a.r1-unit{ left: 0px; }
.unit-rating a.r1-unit:hover{ width:15px; }
.unit-rating a.r2-unit{ left:15px; }
.unit-rating a.r2-unit:hover{ width: 30px; }
.unit-rating a.r3-unit{ left: 30px; }
.unit-rating a.r3-unit:hover{ width: 45px; }
.unit-rating a.r4-unit{ left: 45px; }	
.unit-rating a.r4-unit:hover{ width: 60px; }
.unit-rating a.r5-unit{ left: 60px; }
.unit-rating a.r5-unit:hover{ width: 75px; }
.unit-rating a.r6-unit{ left: 75px; }
.unit-rating a.r6-unit:hover{ width: 90px; }
.unit-rating a.r7-unit{ left: 90px; }
.unit-rating a.r7-unit:hover{ width: 105px; }
.unit-rating a.r8-unit{ left: 105px; }
.unit-rating a.r8-unit:hover{ width: 120px; }
.unit-rating a.r9-unit{ left: 120px; }
.unit-rating a.r9-unit:hover{ width: 135px; }
.unit-rating a.r10-unit{ left: 135px; }
.unit-rating a.r10-unit:hover{ width: 150px; }

.unit-rating li.current-rating { background: url('/img/star-rating-sprite.gif') left bottom; position: absolute; height: 15px; display: block; text-indent: -9000px; z-index: 1; }

.thanks { color: #36AA3D; }
.static { color: #5D3126; }
.notice { }

/* Break to eliminate right gutter */
@media only screen and (max-width: 974px) {
	#sidebarR { float: none; display: none; width: 0px; height: 0px; } 
}

@media only screen and (max-width: 766px) {
	#headerlogo { display: block; margin: 5px auto; }
	#headerlogo h1, #headerlogo p { margin: auto; width: 250px; height: 36px; background-image: url(/img/urc_logo_250.gif); background-repeat: no-repeat; background-position: center; text-indent: -1000em; }
	#headerlogo a { display: block; width: 250px; height: 36px; text-decoration: none; overflow: hidden; }

	#headeruser { float: none; display: block; padding-top: 0; text-align: left; }
	p.user { text-align: center; }
	#topnav { height: 38px; background-image: none; }
}

/* Break less than iPad Portrait 768px width*/
@media only screen and (max-width: 766px) {
	#content, #contentN, #contentW { margin: 0 2%; width: 96%; }
	#sidebarL { display: none; padding: 0; }
	#sidebarLn { display: none; padding: 0; }
	#sidebarLw { display: none;  padding: 0; }
}

/* Break before iPhone 5 Landscape 568px */
@media only screen and (max-width: 567px) {
	#headerlogo { display: block; margin: 5px auto; }
	#headerlogo h1, #headerlogo p { margin: auto; width: 250px; height: 36px; background-image: url(/img/urc_logo_250.gif); background-repeat: no-repeat; background-position: center; text-indent: -1000em; }
	#headerlogo a { display: block; width: 250px; height: 36px; text-decoration: none; overflow: hidden; }

	#headeruser { float: none; display: block; padding-top: 0; text-align: left; }
	p.user { text-align: center; }
	
	/* #topnav { height: 38px; background-image: none; } */
	
	ul.footernav { 
	-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;
	-webkit-column-gap: 18px; -moz-column-gap: 18px; column-gap: 18px; }
	.footernav li { padding-right: 0;}
	
	/*#contentN { margin: 0 1%; }*/
	#sidebarLn { display: none; padding: 0; }
	
	.SearchBox input { max-width: 83%; width: 100%; }
	.SearchBox input::placeholder { font-size: 13px; }
}	

@media only screen and (max-width: 374px) {
	.rc_stats ul { margin-top: 5px; border: 1px solid #ddd; padding: 0; font-size: 12px; list-style-type: none; -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; }
	.infoidx-li { width: 94%; }
}

/* Retina displays */
@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2) {
 
	#headerlogo h1, #headerlogo p { background-image: url(/img/ultimate-rollercoaster-logo_@2x.png); background-size: 250px 36px; }
}

@media
only screen and (-webkit-min-device-pixel-ratio: 3),
only screen and (   min--moz-device-pixel-ratio: 3),
only screen and (     -o-min-device-pixel-ratio: 3/1),
only screen and (        min-device-pixel-ratio: 3) {
 
	#headerlogo h1, #headerlogo p { background-image: url(/img/ultimate-rollercoaster-logo_@3x.png); background-size: 250px 36px; }
}

@ media
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	#headerlogo h1, #headerlogo p { background-image: url(/img/ultimate-rollercoaster-logo_@2x.png); background-size: 250px 36px; }
}

@ media
only screen and (                min-resolution: 288dpi),
only screen and (                min-resolution: 3dppx) {
	#headerlogo h1, #headerlogo p { background-image: url(/img/ultimate-rollercoaster-logo_@3x.png); background-size: 250px 36px; }
}



/* End */