* { margin: 0; padding: 0; outline: 0; }

body {
    font-size: 14px;
    line-height: 22px;
    font-family: Helvetica, Arial, sans-serif;
    color: #000;
    background: #fff;
}

a { color: #228eb2; text-decoration: none; cursor: pointer; }
a:hover { text-decoration: none; color: #000; }
a img { border: 0; }

h6 { font-size:12px; line-height:22px;    }

input, textarea, select { font-size: 14px; font-family: arial, sans-serif; }
textarea { overflow: auto; }

/* Styles by Corey */
sup { font-size: 60%; vertical-align: baseline; position: relative; top: -7px; line-height: 1; }
input, select, textarea { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #a4c1c9; background-color: #d8e8eb; }
input[type="text"], textarea { padding: 7px 2%; width: 90%; }
.sidebar img[width~="300"] { padding: 10px; background-color: #f0f0ec; }
p#related-vault { padding: 20px 0 0 0; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }
.left, .alignleft { float: left; display: inline; }
.right, .alignright { float: right; display: inline; }

#navigation,
a.create-account-link strong,
.container h2.page-title,
.faqs-list h3,
.services-top h3,
.entry h3,
.entry .star-number,
.two-cols h3,
.slider h2,
.home-col h2,
.home-col h3,
.popup h2 { font-family:'Anton', sans-serif; font-weight: normal; }

#header #navigation a.start-btn span,
.search-form label,
a.create-account-link span,
.entry h4,
.container h3.title-right,
.documents-cnt h2,
.pass-required h3,
.feat-list a.video-link span { font-family: 'Damion', cursive; font-weight: normal; }

html, body { height: 100%; }
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -300px; }

#footer, #footer-push { height: 300px; }

.shell { width: 980px; margin: 0 auto; }

#header { background: url(images/header.png) repeat-x 0 0; }
#header .header-center { background: url(images/header-center.jpg) no-repeat center 0; }
#header .shell { padding: 21px 0 0 0; position: relative; background: url(images/header-center.jpg) no-repeat center 0; min-height: 152px; }
#header h1#logo { height: 59px; width: 193px; position:absolute; top: 21px; left: 0; z-index: 3; }
#header h1#logo a { height: 59px; width: 193px; font-size: 0; line-height: 0; text-indent: -4000px; display:block; background: url(images/logo.png) no-repeat 0 0; }
#header #navigation { height: 59px; width: 633px; background: url(images/navigation.png) no-repeat 0 0; margin: 0 0 0 auto; padding-right: 145px; font-size: 15px; line-height: 56px; position:relative; z-index: 3; }
#header #navigation > ul { list-style: none; list-style-position: outside; }
#header #navigation > ul > li { float:left; background: url(images/navigation-divider.png) no-repeat right 0; height: 59px; position:relative; }
#header #navigation > ul > li.right { float:right; background: transparent; padding: 0;}
#header #navigation > ul > li.right a { padding-right: 10px; }
#header #navigation > ul > li > a { color: #fff; float:left; height: 59px; padding: 0 20px; letter-spacing: .07em; }
#header #navigation > ul > li > a:hover,
#header #navigation > ul > li.active > a { color: #f9eb0d; text-decoration:none; }
#header #navigation > ul > li.has-dd { padding-right: 2px; }
#header #navigation > ul > li.has-dd > a:hover,
#header #navigation > ul > li.has-dd:hover > a { background-color: #424242; color: #f9eb0d; }
#header #navigation > ul > li.logged { font-family:Arial, serif; font-size: 11px; line-height: 18px; color: #fff; padding-top: 12px; }
#header #navigation > ul > li.logged > a { color: #e4b101; }
#header #navigation > ul > li.logged > a.back-btn { float:right; font-weight: bold; background: url(images/vips-arr.png) no-repeat right 6px; padding-right: 9px; height: auto; }
#header #navigation > ul > li.logged p { clear: both; }
#header #navigation > ul > li.logged p a { color: #e4b101; padding-right: 0; }
#header #navigation > ul > li.logged > a:hover { text-decoration: underline; }

#header #navigation ul li ul { width: 130px; background-color: #424242; position:absolute; top: 59px; left: 0; list-style: none; list-style-position: outside; display:none; font-size: 12px; line-height: 16px; padding: 10px 20px; }
#header #navigation ul li ul li { padding-bottom: 5px;  }
#header #navigation ul li ul li a { color: #fff; font-family:Arial, serif !important; }
#header #navigation ul li ul li a:hover { color: #f9e411; }
#header #navigation ul li:hover ul { display:block; }

#header #navigation a.start-btn { position:absolute; top: 0; right: -1px; height: 49px; width: 129px; background: url(images/start-btn.png) no-repeat 0 0; display:block; line-height: 19px; text-align:center; padding: 10px 0 0 0; color: #000; }
#header #navigation a.start-btn:hover { text-decoration:none; background-position: 0 bottom;  }
#header #navigation a.start-btn strong { display:block; font-size: 18px; text-shadow: 0 1px 0 #fbeec3; font-weight: normal; text-transform: uppercase; }
#header #navigation a.start-btn span { display:block; font-size: 16px; }

#header .header-bottom { position:relative; padding-top: 35px; position:relative; height: 45px; }
.search-form label { font-size: 20px; color: #000; float:left; padding-right: 10px; }
.search-form input.field { background-color: #d8e8eb; width: 223px; padding: 3px 5px; float:left; margin-right: 8px; font-size: 12px; }
.search-form select { background-color: #d8e8eb; width: 77px; float:left; padding: 1px 0; padding-left: 4px; margin-right: 8px; }
.search-form input.submit { height: 24px; width: 52px; background: url(images/search-submit.png) no-repeat 0 0; border: 0; color: #000; font-weight: bold; font-size: 11px; text-shadow: 0 1px 1px #fae7a8; padding-bottom: 2px; cursor: pointer; }
.search-form input.submit:hover { background-position: 0 bottom; }

#header .header-bottom2 { position:relative; padding-top: 20px;padding-bottom:20px; height:140px; }
.search-form2 { margin-top:-50px; }
.search-form2 label { font-family:Damion;font-size: 20px; color: #000; float:left; padding-right: 10px; }
.search-form2 input.field { background-color: #d8e8eb; width: 223px; padding: 3px 5px; float:left; margin-right: 8px; font-size: 12px; }
.search-form2 select { background-color: #d8e8eb; width: 77px; float:left; padding: 1px 0; padding-left: 4px; margin-right: 8px; }
.search-form2 input.submit { height: 24px; width: 52px; background: url(images/search-submit.png) no-repeat 0 0; border: 0; color: #000; font-weight: bold; font-size: 11px; text-shadow: 0 1px 1px #fae7a8; padding-bottom: 2px; cursor: pointer; }
.search-form2 input.submit:hover { background-position: 0 bottom; }


a.create-account-link { position:absolute; top: 13px; right: 6px; padding-right: 115px; background: url(images/create-account-link.png) no-repeat right 0; height: 67px; padding-top: 13px; text-align:center; width: 220px; color: #000; text-decoration:none; }
a.create-account-link span { font-size: 18px; line-height: 24px; }
a.create-account-link strong { font-size: 19px; text-transform: uppercase; text-shadow: 1px 1px 1px #fff; }


#footer { border-top: 4px solid #e4b101; height: 296px; background: #484846; }
#footer a { color: #ffea00; }
#footer a:hover { color: #fff; }
#footer .shell { padding-top: 40px; position:relative; }
#footer h3.footer-logo { height: 38px; width: 122px; position:absolute; top: -20px; left: 0; }
/* UNCOMMENT FOR PRIDE AND COMMENT NEXT CSS LINE
#footer h3.footer-logo a { height: 38px; width: 122px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/PBder.Pride.Footer.Logo.2019.jpg) no-repeat 0 0; display:block; }
END OF CODE */
#footer h3.footer-logo a { height: 38px; width: 122px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(images/footer-logo.png) no-repeat 0 0; display:block; }
#footer ul { float:left; list-style: none; list-style-position: outside; width: 105px; margin-right: 20px; border-top: 1px solid #656562; }
#footer ul li { border-bottom: 1px solid #656562; padding: 6px 0; }

.footer-banner-holder { width: 730px; float:right; }
.footer-banner-holder p { padding-top: 5px; font-weight: bold; text-align:right; }

.footer-bottom { font-weight: bold; color: #fff; padding-top: 20px; }
.footer-bottom p.bordered { border-bottom: 3px solid #656562; padding-bottom: 2px; margin-bottom: 2px; }
.footer-bottom p.left a { margin-left: 14px; }
.footer-bottom p.copy { float:right; font-weight: normal; font-size: 11px; }

/* CONTENT */
.container { background: url(images/container.png) repeat-x 0 0; min-height: 140px; padding-bottom: 40px; }
.container .shell { background: url(images/container.png) repeat-x 0 0; padding: 36px 0; }
.container h2.page-title { font-size: 50px; line-height: 40px; text-shadow: 1px 1px 1px #fff; padding-bottom: 12px; }
.container h3.title-right { background: url(images/title-right.png) no-repeat 0 0; float:right; padding: 25px 90px 13px 25px; font-size: 18px; }
.container p { padding-bottom: 15px; }
.container .cnt-holder { background: url(images/straight-bg.png) no-repeat 0 0; padding: 40px 0 41px 0; height: 100%; }

.faqs-list .col { width: 445px; float:left; }
.faqs-list .right-col { float:right; }
.faqs-list h3 { font-size: 22px; padding-bottom: 15px; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; }
.faqs-list ul { list-style: none; list-style-position: outside; }
.faqs-list ul li { padding-left: 14px; background: url(images/min-star-ico.png) no-repeat 0 2px; }
.faqs-list ul li h4 { font-size: 14px; color: #228eb2; cursor: pointer; }
.faqs-list ul li h4:hover { color: #000; }
.faqs-list ul li .faq-cnt { display:none; padding-bottom: 15px; }
.faqs-list ul li p { padding-bottom: 0; }

a.create-paybill-link { height: 279px; width: 280px; background: url(images/create-paybill-link.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; margin: 0 auto; display:block; }

.services-top { position:relative; padding-right: 250px; padding-top: 15px; padding-bottom: 40px; }
.services-top h3 { font-size: 18px; text-transform: uppercase; padding-bottom: 23px; }
.services-top .free-admission-info { position:absolute; top: -73px; right: 0; background: url(images/free-admission-info-star.png) no-repeat center 0; padding-top: 133px; width: 230px; text-align:center; font-size: 12px; } 

.entry { background: url(images/straight-bg.png) no-repeat 0 0; padding: 40px 0 41px 0; position:relative; height: 100%; }
.entry .entry-cnt { width: 550px; float:left; padding-top: 0; position:relative; z-index: 3; }
.entry .video-holder { width: 355px; float:right; position:relative; z-index: 3; }
.opposite-entry .entry-cnt { width: 565px; float:right; }
.opposite-entry .video-holder { float:left; }
.entry h3 { font-size: 26px; text-transform: uppercase; line-height: 28px; padding-bottom: 3px; }
.entry h4 { font-size: 19px; padding-bottom: 20px; }
.entry .star-number { height: 164px; width: 173px; background: url(images/entry-star.png) no-repeat 0 0; font-size: 75px; color: #fff; text-align:center; line-height: 164px; position:absolute; top: 30px; left: 510px; z-index: 1; }
.opposite-entry .star-number { top: 20px; left: 275px; right: auto; }

.two-cols { margin-top: 10px; padding-top: 15px !important; }
.two-cols h3 { font-size: 16px; text-transform: uppercase; padding-bottom: 18px; }
.two-cols h3 span { font-size: 12px; }
.two-cols h4 { font-size: 16px; padding-bottom: 18px; }
.two-cols .left-cnt { width: 440px; float:left; }
.two-cols .right-cnt { width: 460px; float:right; }
.two-cols ul { list-style: none; list-style-position: outside; padding-left: 35px; padding-bottom: 20px; }
.two-cols ul li { background: url(images/dark-dot.png) no-repeat 0 8px; padding-left: 9px; }

.form label { font-weight: bold; display:block; padding-bottom: 2px; }
.form input.field { display:block; width: 280px; padding: 1px; background-color: #d8e8eb; margin-bottom: 13px; }
.form select { display:block; margin-bottom: 13px; }
.form textarea { background-color: #d8e8eb; width: 450px; height: 140px; padding: 1px; margin-bottom: 15px; display:block; resize: none; }
.form .captcha { height: 111px; width: 320px; border: 1px solid #757a7e; margin-bottom: 20px; }
.form input.submit { height: 34px; width: 72px; background: url(images/submit.png) no-repeat 0 0; font-size: 14px; font-weight: bold; text-shadow: 1px 1px 1px #fff; border: 0; padding-bottom: 2px; cursor: pointer; }
.form input.submit:hover { background-position: 0 bottom; }
.form .form-section { padding-bottom: 25px; }
.form .form-section input.field { margin-bottom: 7px; }
.form .form-section select { margin-bottom: 7px; }
.form .form-section .captcha { margin-top: 20px; }
.form label.check-holder { position:relative; padding-left: 18px; margin-bottom: 20px; font-weight: normal; }
.form label.check-holder input { height: 13px; width: 13px; position:absolute; top: 2px; left: 0; }


.dark-box { background-color: #faefcc; padding: 12px; margin-bottom: 15px; }
.dark-box p { padding-bottom: 0; }
.dark-box h4 { font-size: 18px; padding-bottom: 3px; }

/* search page */
.search-results-top { background: #e6e6df url(images/search-results-top.png) repeat-x 0 0; border-bottom: 1px solid #fff; padding: 27px 0 23px; }
.search-results-top h3 { font-size: 20px; text-shadow: 1px 1px 1px #fff; }
.search-results-top h3 span { font-weight: normal; }

.search-page-container { border-top: 10px solid #f0f0ed; background: transparent; }
.search-page-container .shell { background: transparent; padding: 15px 0; }

.sponsor-container { width: 729px; height: 90px; background-color: #f0f0ec; padding: 10px 10px 10px 40px; margin: 0 auto 15px auto; position:relative; }
.sponsor-container h4 { font-size: 0; line-height: 0; text-indent: -4000px; height: 90px; width: 14px; position:absolute; top: 10px; left: 10px; background: url(images/sponsors-heading.png) no-repeat 0 0; }

.results-tabs { padding-bottom: 90px; }
.results-tabs .tabs-heading { border-bottom: 4px solid #000; }
.results-tabs ul.tabs-nav { float:left; list-style: none; list-style-position: outside; }
.results-tabs ul.tabs-nav li { float:left; padding-right: 2px; }
.results-tabs ul.tabs-nav li a { height: 36px; background-color: #e6e6df; float:left; line-height: 36px; padding: 0 20px; color: #000; font-weight: bold; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0;  }
.results-tabs ul.tabs-nav li a:hover { background-color: #d3d2cd; }
.results-tabs ul.tabs-nav li.active a { background-color: #000; color: #fff; }
.results-tabs ul.tabs-nav li a span { font-weight: normal; }

.results-nav { float:right; padding-top: 8px; }
.results-nav label { float:left; font-weight: bold; line-height: 22px; padding-right: 7px; }
.results-nav select	{ width: 155px; background-color: #d8e8eb; float:left; padding: 1px 0; }
.results-nav p { float:left; padding-left: 12px; text-align:right; font-weight: bold; line-height: 22px; padding-bottom: 0; }
.results-nav p a { margin-left: 8px; }
.results-nav p a.active { color: #000; }

.item { width: 180px; float:left; padding: 25px 0 30px 140px; position:relative; min-height: 160px; }
.item a.img { position:absolute; top: 0; left: 0; height: 160px; width: 100px; left: 20px; top: 26px; box-shadow: 2px 2px 4px rgba(0,0,0,0.3); -moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.3); -o-box-shadow: 2px 2px 4px rgba(0,0,0,0.3); }
.item a.img img { display:block; }
.item h3 { font-size: 18px; }
.item h4 { font-size: 12px; padding-bottom: 13px; }
.item p { line-height: 14px; }


.divider { height: 1px; overflow: hidden; font-size: 0; line-height: 0; text-indent: -4000px; background: #e7e7e2; clear: both; margin-bottom: 4px; }
.bottom-results-nav { border-top: 4px solid #e7e7e2; clear: both; }

.institution-list ul { list-style: none; list-style-position: outside; padding-top: 12px; }
.institution-list ul li { padding: 8px 22px; position:relative; border-bottom: 1px solid #e7e7e2; }
.institution-list ul li:hover { background-color: #faefcc; }
.institution-list h3 { font-size: 18px; }
.institution-list ul li:hover h3 a { color: #000; }
.institution-list h4 { font-size: 12px; font-weight: normal; }
.institution-list span.num-bills { position:absolute; top: 12px; right: 18px; font-weight: bold; }

h2.product-title { font-size: 20px; padding-bottom:5px;  }
h2.product-title span { font-weight: normal; }

.documents-cnt { width: 640px; float:left; margin-bottom: 50px; }
.documents-cnt h2 { font-size: 18px; padding-bottom: 8px; }
.documents-cnt ul { list-style: none; list-style-position: outside; border-top:1px solid #ccccc7; }
.documents-cnt ul li { border-bottom: 1px solid #ccccc7; padding: 15px 0 15px 132px; min-height: 150px; line-height: 16px; position:relative; }
.documents-cnt ul li.min-h { min-height: 56px; }
.documents-cnt ul li a.img { height: 150px; width: 93px; position:absolute; top: 15px; left: 20px; }
.documents-cnt h3 { font-size: 18px; line-height: 18px; padding-bottom: 8px; }
.documents-cnt h3.ico { padding-left: 28px; position:relative; }
.documents-cnt h3.ico img { position:absolute; top: -4px; left: 0; height: 23px; width: 23px; }
.documents-cnt ul li a.save-date-ico { height: 56px; width: 56px; background: url(images/save-date-ico.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; position:absolute; top: 15px; left: 32px; }

.sidebar { float:right; width: 320px; padding-top:5px;  }
.sidebar p { padding: 0 10px 15px 10px; line-height: 16px; }

.socials { position:relative; margin-bottom: 10px; height: 100%; }
.socials .box {  background-color: #d0e0e4; padding: 11px 14px; }
.socials h4 { font-size: 12px; color: #000;  }
/* .socials a { float:left; height: 32px; width:32px; font-size: 0; line-height: 0; text-indent: -4000px; float:left; margin-right:4px;  } */
.socials a { float:left; height: 32px; width:32px; font-size: 0; line-height: 0; float:left; margin-right:4px;  }
.socials a.facebook-ico { background: url(images/facebook-ico.png) no-repeat 0 0; }
.socials a.twitter-ico { background: url(images/twitter-ico.png) no-repeat 0 0; }
.socials a.mail-ico { background: url(images/mail-ico.png) no-repeat 0 0; }
.socials a.plus-ico { background:url(images/plus-ico.png);  }

.banner-holder { padding: 10px; background-color: #f0f0ec; margin-bottom: 10px; }

.product { width: 594px; float: left; display: inline; padding-left:36px;  }
.product h3 { font-size: 11px; padding-bottom: 3px; }

.product-nav { padding-bottom:23px;  }
.main-nav {border-bottom:5px solid #f9eb0d; padding-top:21px;  }
.main-nav ul { list-style: none; list-style-position: outside; height:47px;  border-left:1px solid #ccc; }
.main-nav ul li { border-right:1px solid #ccc ; float:left;  }
.main-nav ul li a { display: block; padding: 0 23px 7px; color: #000; line-height:40px; height:40px;  }
.main-nav ul li a:hover { background-color: #f0f1ec; text-decoration:none; }
.main-nav ul li.active a { background: #f9eb0d; font-weight:bold;  }

.related-nav {  padding:0 0 21px;  }
.related-nav h4 { font-size: 12px; color: #000; line-height:25px;   }
.related-nav ul { list-style: none; list-style-position: outside;  padding:19px 14px 3px; background: #f0f0ec;  }
.related-nav ul li { padding-bottom: 10px;  }
.related-nav ul li a { font-weight: bold; position: relative; padding-left: 30px; display: block; line-height: 14px; }
.related-nav ul li a img{ height: 23px; width: 23px; position: absolute; top: 50%; left: 0; margin-top: -12px; }

.product-cnt { width: 530px; height: 880px; padding: 27px 35px 38px 29px; }
.product .product-cnt { background: url(images/product-cnt.png) no-repeat 0 0; }
.slider { width: 530px; height: 880px; position: relative; }
.slider .jcarousel-clip { width: 530px; height: 880px; position: relative; overflow: hidden; }
.slider > .jcarousel-clip > ul { list-style: none; list-style-position: outside;  width: 530px; height: 880px; position: relative; }
.slider > .jcarousel-clip > ul > li { width: 530px; height: 880px; float: left; display: inline; position:relative; }

.slider .jcarousel-prev,
.slider .jcarousel-next { height: 85px; width: 23px; background: url(images/slider-prev.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; position: absolute; top: 207px; cursor: pointer; }
.slider .jcarousel-prev { left: -44px; }
.slider .jcarousel-next { right: -44px; background-position: right 0; }
.slider ul li span.nav-item { display:none; }
.slider h2 { font-size: 21px; line-height: 32px; text-align: center; background: url(images/page-num-pix.png) repeat-x 0 center; text-align:center; text-transform: uppercase; margin-bottom:17px;  }
.slider h2 span { background-color: #fff; padding: 0 8px; }

.product-cnt p.page-num { text-align:center; font-size: 14px; font-weight:bold;  padding: 0; position: absolute; bottom: 0px; width: 100%; left: 0; color:#000; background: url(images/page-num-pix.png) repeat-x 0 center;}
.product-cnt p.page-num span { padding:0 10px; background-color:#fff;   }
.product-cnt p.page-num a { margin:0 3px;  }
.product-cnt p.page-num a:hover,
.product-cnt p.page-num a.active { color:#000; text-decoration:none;  }

.bios-list ul { list-style: none; list-style-position: outside; }
.bios-list ul li { padding: 0 0 20px 155px; min-height: 120px; position:relative; }
.bios-list h3 { font-size: 18px; padding-bottom: 0; line-height: 21px; }
.bios-list h5 { font-size: 12px; color: #6c6c6c; font-style: italic; line-height: 16px; }
.bios-list p { line-height: 16px; padding-bottom: 0; }
.bios-list .img { position:absolute; top: 3px; left: 0; position:absolute; height: 134px; width: 134px; }

.gallery { width:530px; height:794px; position:relative; }
.gallery ul { list-style: none; list-style-position: outside; }
.gallery ul li { width:530px; height:794px; position:relative;  }
.gallery ul li img { width:100%; height:100%;  }
.gallery-dual ul li { position:relative; height: 387px; width: 530px; margin-bottom:20px;  }
.gallery-dual ul li img { display:block; }

/* changed by Randy */
.gallery ul li p { color: #fff; position:absolute; bottom: 0; left: 0; width: 490px; padding: 16px 20px 26px; color: #fff; background: url(images/gallery-overlay.png) repeat 0 0; line-height: 18px; }


.min-gallery ul li { float:left; width: 255px!important; height: 387px!important; margin-bottom:20px;  }
.min-gallery ul li.right { float:right; }
.min-gallery ul li p { width: 215px; padding:12px 20px;  }

.video-gallery .video { width:530px; height:323px; }
.video-gallery ul li { background-color:#707070; }
.video-gallery ul li p { position:static; background: transparent; padding:10px 20px 0 ; text-overflow:ellipsis; overflow:hidden; height:36px;  }

.pass-required { text-align:center; padding: 45px 0 0 0; }
.pass-required h3 { font-size: 26px; padding-bottom: 29px; }
.pass-required p { padding-bottom: 13px; }
.pass-required input.field { width: 215px; padding: 3px 4px; background-color: #d8e8eb; display: block; margin: 0 auto; margin-bottom: 20px; }
.pass-required input.submit { height: 24px; width: 52px; background: url(images/search-submit.png) no-repeat 0 0; border: 0; color: #000; font-weight: bold; font-size: 11px; text-shadow: 0 1px 1px #fae7a8; padding-bottom: 2px; cursor: pointer; }
.pass-required input.submit:hover { background-position: 0 bottom; }

/* home page */
.home-page .container { background: url(images/home-container.png) repeat-x 0 0; }
.home-page .container .shell { background: url(images/home-container-shell.png) no-repeat 0 0; }
.home-page #header .shell { background: url(images/home-header-shell.png) no-repeat 0 0; }

.home-page #header .shell { height: 420px; position:relative; }
.home-slider { position:absolute !important; height: 420px; width: 980px; bottom: 0; left: 0; z-index: 2; }

.home-slider ul li img { height: 420px; width: 611px; position:absolute; top: 0; right: 0; }

.home-social-label { font-family: 'Damion', cursive; font-weight: normal;font-size: 22px;margin-left:650px;line-height:62px;  }
.home-vid {  background: url(images/home-vidbak.jpg) repeat 0 0; width:980px;padding-top:0px;}
.home-vidtxt { font-weight:normal;width:300px;margin-left:20px; }
.home-vidplayer { float:right;margin-left:500px;margin-top:-250px;margin-right:0px;}
.home-vidtxt h2 { font-weight:normal;font-family:Anton;font-size: 22px; line-height: 24px; text-transform: uppercase; padding-bottom: 20px;  }
.home-vidtxt p { font-weight:normal;padding-bottom: 20px; }

.home-slider .jcarousel-clip,
.home-slider ul li { height: 420px; width: 980px; position:relative; overflow:hidden;  }
.home-slider ul li { float:left;  }

.home-slider .home-slider-nav { height: 21px; width: 102px; background: url(images/home-slider-nav.png) no-repeat 0 0; position:absolute; bottom: 0; left: 50%; margin-left: -51px; padding: 7px 0 0 0; text-align:center; z-index: 3; }
.home-slider .home-slider-nav a { height: 10px; width: 10px; background: url(images/slider-nav-dots.png) no-repeat 0 0; display: inline-block; margin: 0 3px;  }
.home-slider .home-slider-nav a:hover { background-position: -11px 0;  }
.home-slider .home-slider-nav a.active { background-position: right 0; }

.home-slider a.get-started { height: 271px; width: 271px; background: url(images/home-slider-get-started.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; position:absolute; top: 105px; left: 0px; z-index: 2;}

.home-page .container .shell { padding-top: 13px; padding-bottom: 120px; }

.home-col { width: 300px; padding-left: 20px; float:left; }
.home-col2 { width: 275px; }
.home-col h2 { font-size: 22px; line-height: 34px; padding-bottom: 10px;padding-top: 10px; text-shadow: 1px 1px 1px #fff; }
.home-col h3 { font-size: 16px; text-transform: uppercase; }
.home-col p { padding-bottom: 20px; }

.feat-list { }
.feat-list ul { list-style: none; list-style-position: outside; border-top: 1px solid #e7e7e2; margin-top: 5px; padding-bottom: 15px; }
.feat-list ul li { border-bottom: 1px solid #e7e7e2; padding: 15px 0 15px 0; position:relative; }
.feat-list ul li p { padding: 0; }
.feat-list a.video-link { height: 83px; width: 118px; position:absolute; top: 15px; left: 0; border: 1px solid #e7e7e2; }
.feat-list a.video-link span { height: 45px; width: 63px; background: url(images/video-link-bubble.png) no-repeat 0 0; text-align:center; padding-top: 5px; position:absolute; top: 7px; left: 7px; font-size: 14px; color: #fff; line-height: 12px; }
.feat-list a.video-link em { height: 19px; width: 28px; background: url(images/play-ico.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; position:absolute; top: 55px; left: 9px; }
.feat-list h3 a { color:#e4b101; } 
.feat-list h3 a:hover { color: #000; text-decoration:none; } 
.feat-list h3 em { font-family:Arial, serif; font-size: 10px; position:relative; top: -7px; }
.feat-list p { font-size: 13px; line-height: 19px; }

.testimonials p { font-style: italic; font-family: georgia, serif; font-size: 12px; line-height: 18px; padding-bottom: 9px; }
.testimonials h4 { padding-bottom: 18px; font-size: 12px; }

.home-socials h3 { padding-bottom: 8px; }
.home-socials a { clear: both; padding-left: 25px; background: url(https://www.playbillder.com/static/css/images/home-socials.png) no-repeat 0 0; font-weight: bold; float:left; margin-bottom: 6px; white-space: nowrap; font-size: 12px; }
.home-socials a.msg-ico { height: 22px; line-height: 22px; }
.home-socials a.facebook-ico { height: 22px; line-height: 24px; background-position: 0 -28px; }
.home-socials a.twitter-ico { height: 21px; line-height: 23px; background-position: 0 -55px; }

.vips-col { width: 325px; float:right; padding-right: 20px; }
.vips-col2 { width: 325px; padding-right: 20px; }
.vips-col h2 { line-height: 0; text-indent: -4000px; background: url(images/vips-heading2.png) no-repeat 0 0; height: 54px; width: 206px; margin-left: 11px; margin-bottom: 0px; }
.vips-col .tabs-holder { background: url(https://www.playbillder.com/static/css/images/home-tabs-holder.png) no-repeat 0 0; padding: 21px 0 0 21px; min-height: 553px; font-size: 12px; }
.vips-col ul.tabs-nav { list-style: none; list-style-position: outside; background-color: #e7e7e2; padding: 8px 0 8px 10px; height: 100%;  margin-bottom: 2px; }
.vips-col ul.tabs-nav li { float:left; padding-right: 8px; }
.vips-col ul.tabs-nav a { color: #000; font-weight: bold; text-shadow: 1px 1px 0 #f7e296; }
.vips-col ul.tabs-nav a,
.vips-col ul.tabs-nav a span { float:left; height: 25px; background: url(https://www.playbillder.com/static/css/images/vips-tab.png) no-repeat 0 0; line-height: 25px; padding: 0 0 0 10px; }
.vips-col ul.tabs-nav a span { background-position: right 0; padding: 0 10px 0 0; }

.vips-col ul.tabs-nav li a:hover { background-position: 0 -25px;  }
.vips-col ul.tabs-nav li a:hover span { background-position: right -25px; } 

.vips-col ul.tabs-nav li.active a { background-position: 0 bottom; color: #fff; text-shadow: 0 0 0 transparent; }
.vips-col ul.tabs-nav li.active a span { background-position: right bottom; } 


ul.vips-list { list-style: none; list-style-position: outside; }
ul.vips-list li { border-bottom: 1px solid #fff; background-color: #faefcc; height: 100%; }
ul.vips-list li.odd-item { background-color: #f4e099; }
ul.vips-list li a { display:block; color: #000; font-weight: bold; line-height: 14px; padding: 12px 0 8px 16px; }
ul.vips-list li a:hover { background-color: #fff; }
ul.vips-list li a span { display:block; font-size: 10px; font-weight: normal; }




.search-forms h4 { font-size: 11px; }
.search-forms input { float:left; width: 122px; padding: 4px 7px; margin-right: 5px; }
.search-forms select { float:left; width: 70px; padding: 4px 2px 4px 6px; margin-right: 6px; margin-bottom: 10px; }
.search-forms select.big-select { width: 195px; }
.search-forms input.submit { width: 52px; height: 24px; background: url(images/search-submit.png) no-repeat 0 0; float:left; color: #000; border: 0; font-weight: bold; font-size: 11px; float:left; padding-bottom: 5px; line-height: 17px; text-shadow: 1px 1px 0 #f8e39b; cursor: pointer; margin-left: 4px; }
.search-forms input.submit:hover { background-position: 0 bottom; }
.search-forms span.fl { float:left; line-height: 24px; padding-right: 5px; }

.popup { background-color: #fff; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; padding: 43px 20px; position:relative; box-shadow: 0px 2px 10px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.5); -o-box-shadow: 0px 2px 10px rgba(0,0,0,0.5); }
.popup a.close-btn { height: 26px; width: 26px; background: url(images/popup-close-btn.png) no-repeat 0 0; font-size: 0; line-height: 0; text-indent: -4000px; position:absolute; top: -10px; right: -10px; }
.popup h4.popup-logo { height: 33px; width: 106px; background: url(images/popup-logo.png) no-repeat 0 0; position:absolute; top: -20px; left: 18px; font-size: 0; line-height: 0; text-indent: -4000px; }
.popup h2 { font-size: 30px; text-transform: uppercase; padding-bottom: 10px; line-height: 30px; }
.popup h2 span { font-family:Arial, serif; font-size: 11px; position:relative; top: -15px; }

.login-popup { width: 260px; }
.login-popup .form input.field { width: 250px; margin-bottom: 8px; }

.share-popup { width: 403px; padding-bottom: 20px; }
.share-popup .form input.field { width: 400px; margin-bottom: 8px; }
.share-popup .form textarea { width: 400px; height:85px; }
.share-popup .form-footer p { padding-top: 8px; }

.popup .form-footer { padding-top: 5px; } 
.popup .form-footer p { float:left; width: 185px; }
.popup input.submit { float:right; height: 34px; width: 63px; background: url(images/popup-form-submit.png) no-repeat 0 0; }
.popup input.submit:hover { background-position: 0 bottom; }
.popup .form p.legend { position:relative; margin-top: -8px; font-size: 11px; padding-bottom: 8px; }

.product-share-info { padding-bottom: 14px; line-height: 16px; }

.successful-register { margin-top:9px; padding-top:0; }
.successful-register h5 { font-size:16px; line-height:19px;  padding-bottom:25px;  }
.successful-register ul { padding-bottom:19px; list-style:none outside none; }
.successful-register ul li { line-height:19px; font-size:12px; }
.successful-register ul li .label{ float:left; width:100px; padding-right:10px; }

a.create-playbill-star { position:absolute; background:url(images/create-playbill-star.png); width:339px; height:401px; right:0; top:-77px; z-index: 3;  }
.playbill-paper { position:absolute; right:170px; top:-67px; z-index: 2; background:url(images/playbill-paper.png); width:316px; height:406px; }

.broadway-wgt {  margin-bottom:20px;  }
.broadway-wgt h4 { font-size: 12px; color: #000; line-height:27px;  }
.broadway-wgt .jcarousel-clip,
.broadway-wgt .slider-i li,
.broadway-wgt .slider-i { width:276px; height:165px; position:relative; z-index: 1; }
.broadway-wgt .jcarousel-clip { overflow:hidden; }
.broadway-wgt .jcarousel-next,
.broadway-wgt .jcarousel-prev { background:url(images/broadway-nav.png) no-repeat 0 0; position:absolute; top:52px; left:-18px; width:7px; height:25px; cursor:pointer;  z-index: 2;}
.broadway-wgt .jcarousel-next { background-position:right 0; left:auto; right:-4px;  }
.broadway-wgt .slider-i { padding:15px 16px 15px 28px;  background-color:#f0f0ec; }
.broadway-wgt .slider-i li { overflow:hidden; }
.broadway-wgt li a { float:left; width:80px; height:127px; position:relative;  }
.broadway-wgt li a:hover { text-decoration:none; }
.broadway-wgt li a+a  { margin-left:12px;  }
.broadway-wgt li a span { width:60px; font-size:11px; line-height:14px; color:#000; left:10px; top:134px; text-align:center; display:block; position:absolute;   }
.broadway-wgt li a:hover span { text-decoration:none; }
.broadway-wgt li a img { box-shadow: 2px 5px 5px rgba(0,0,0,0.3); }

.cover-head { background: url("images/date-heading.png") no-repeat scroll 0 0 transparent; height: 163px; margin-bottom: 19px; position: relative; width: 530px;}

/* removed by Randy */
/* .cover-head p {   font-size: 15px; font-weight: normal; left: 0; letter-spacing: 2px; position: absolute; text-align: center; top: 100px; width: 100%; height:38px; vertical-align:middle } */

.logo-pack span {
	font-weight: bold;
	font-size: 12px;
	color: red;
}