﻿
/* ===== home travel help ===== */
a.btn-wave { margin-bottom: 0px; text-decoration: none; }
a.btn-wave { margin-bottom: 10px; display: block; }
a.btn-wave:hover .icon { background-position: 0 -35px; }
a.btn-wave .icon { float: left; width: 40px; height: 35px; background: url('images/sprite-icons.png') no-repeat 0 0; }

a.btn-road { margin-bottom: 0px; text-decoration: none; }
a.btn-road { margin-bottom: 10px; display: block; }
a.btn-road:hover .icon { background-position: -40px -35px; }
a.btn-road .icon { float: left; width: 40px; height: 35px; background: url('images/sprite-icons.png') no-repeat -40px 0; }

a.btn-gps { margin-bottom: 10px; display: block; text-decoration: none; }
a.btn-gps:hover .icon { background-position: -80px -35px; }
a.btn-gps .icon { float: left; width: 40px; height: 35px; background: url('images/sprite-icons.png') no-repeat -80px 0; }

a.btn-photo { margin-bottom: 0px; text-decoration: none; }
a.btn-photo { margin-bottom: 10px; display: block; }
a.btn-photo:hover .icon { background-position: bottom left; }
a.btn-photo .icon { float: left; width: 40px; height: 35px; background: url(images/travel-icon-schedule.gif) no-repeat 0 0; }

a.btn-compass { margin-bottom: 10px; display: block; text-decoration: none; }
a.btn-compass:hover .icon { background-position: -120px -35px; }
a.btn-compass .icon { float: left; width: 40px; height: 35px; background: url('images/sprite-icons.png') no-repeat -120px 0; }


a.btn-cs { margin-bottom: 10px; display: block; text-decoration: none; }
a.btn-cs:hover .icon { background-position: bottom left; }
a.btn-cs .icon { float: left; width: 40px; height: 35px; background: url(images/travel-icon-cs.gif) no-repeat 0 0; }

a.btn-money { margin-bottom: 0px; }
a.btn-money { margin-bottom: 10px; display: block; text-decoration: none; }
a.btn-money:hover .icon { background-position: bottom left; }
a.btn-money .icon { float: left; width: 40px; height: 35px; background: url(images/icon-buy.gif) no-repeat 0 0; }

a.btn-clock { margin-bottom: 0px; }
a.btn-clock { margin-bottom: 10px; display: block; text-decoration: none; }
a.btn-clock:hover .icon { background-position: bottom left; }
a.btn-clock .icon { float: left; width: 40px; height: 35px; background: url(images/icon-clock.gif) no-repeat 0 0; }

a.btn-alerts { margin-bottom: 0px; text-decoration: none; }
a.btn-alert { margin-bottom: 10px; display: block; }
a.btn-alert:hover .icon { background-position: bottom left; }
a.btn-alert .icon { float: left; width: 40px; height: 35px; background: url(images/icon-signup.gif) no-repeat 0 0; }

a.btn-anchor { margin-bottom: 20px; display: block; text-decoration: none; }
a.btn-anchor:hover .icon { background-position: bottom left; }
a.btn-anchor .icon { float: left; width: 40px; height: 35px; background: url(images/icon-downarrow.gif) no-repeat 0 0; }

.rightcol { background: none; display: block; margin-left: 40px; margin-bottom: 0px; border-left: 1px solid #c4d4d9; }

.rightcol .txt { display: block; background: #ffffff; border-top: 1px solid #c3d3d9; padding: 10px 5px 2px 10px; border-right: 1px solid #c3d3d9; font-size: 1em; font-weight: bold; }

.rightcol:hover { color: #ed1b2e !important; }

.col3 .vid-container { margin-bottom: 20px; }
.rightcol .footer { display: block; background: url(images/btn-bottom.gif) no-repeat bottom right; height: 8px; }
.rightcol-dark { display: block; margin-left: 40px; max-width: 220px; }
.rightcol-dark .txt { display: block; background: #ededed; border-top: 1px solid #dedede; padding: 9px 10px 3px 10px; border-right: 1px solid #dedede; font-size: .98em; font-weight: bold; }
.rightcol-dark .footer { display: block; background: url(images/btn-bottomg.gif) no-repeat bottom right; height: 8px; }


.key-col-1 { float: left; width: 485px; padding-bottom: 10px; }
.key-box .col-1 { float: left; text-align: right; width: 62px; padding-top: 1px; padding-right: 10px; }
.key-box .col-2, #page-content-wrapper .key-box .col-2 p { float: left; font-size: 1.2em !important; line-height: 1.5em !important; padding: 0 10px; width: 80% !important; }
.key-box .col2 a { font-size: 1.1em; text-decoration: underline; }
.key-container { width: 485px; float: left; }
.key-col-3 { float: left; width: 175px !important; padding: 0 !important; margin: 0 !important; }
.ktc-col1 p { padding: 0px 0px 15px 0px; }
.ktc-col1 { width: 60%; margin-right: 45px; float: left; padding-top: 1px; margin-bottom: 25px; }
.ktc-col1 .red { color: #d20c20; }
.ktc-col2 { width: 30%; float: right; margin-bottom: 25px; }
.ktc-col2 h2 { color: #4D4D4D; font-size: 1.3em; line-height: 1.5em; border: none; margin: 0; padding: 0; text-align: left; text-transform: none; }
.ktc-col2 p { padding: 0 0 10px 15px; }
.ktc-col2 a.btn-money { margin-bottom: 20px; }

.ktc-overview-col1 { width: 320px; margin-right: 40px; float: left; }
.ktc-overview-col2 { width: 320px; float: left; }
.ktc-overview-col1 h2, .ktc-overview-col2 h2, .key-col-1 h2 { color: #4D4D4D; font-size: 1.3em; line-height: 1.1em; border: none; margin: -10px 0 25px 0; padding: 0; text-align: center; text-transform: none; }
.key-col-1 h2 { margin: 10px 0 25px 0; text-align: left; }

.ktc-home { background: url(images/bg-ykttc-home.jpg) no-repeat 0 0; width: 721px; height: 147px; padding: 123px 0 0; }
.ktc-home a { width: 109px; height: 127px; text-indent: -9999px; font-size: 0; line-height: 0; margin: 0 0 0 27px; float: left; }
.ktc-home a.attractions { background: url(images/btn-ykttc-home-2.png) no-repeat 0 0; margin: 0 0 0 33px; }
.ktc-home a.attractions:hover { background: url(images/btn-ykttc-home-2.png) no-repeat 0 -200px; }
.ktc-home a.dinner { background: url(images/btn-ykttc-home-2.png) no-repeat -136px 0; }
.ktc-home a.dinner:hover { background: url(images/btn-ykttc-home-2.png) no-repeat -136px -200px; }
.ktc-home a.tours { background: url(images/btn-ykttc-home-2.png) no-repeat -269px 0; }
.ktc-home a.tours:hover { background: url(images/btn-ykttc-home-2.png) no-repeat -269px -200px; }
.ktc-home a.museum { background: url(images/btn-ykttc-home-2.png) no-repeat -404px 0; }
.ktc-home a.museum:hover { background: url(images/btn-ykttc-home-2.png) no-repeat -404px -200px; }
.ktc-home a.shows { background: url(images/btn-ykttc-home-2.png) no-repeat -539px 0; }
.ktc-home a.shows:hover { background: url(images/btn-ykttc-home-2.png) no-repeat -539px -200px; }
.ktc-home-2 { background: url('images/YKTC_portal_graphic-v2.jpg') no-repeat 0 0; width: 481px; height: 106px; padding: 345px 0 0; }
.ktc-home-2 a { width: 73px; /* height: 127px; */ height: 68px; text-indent: -9999px; font-size: 0; line-height: 0; margin: 0 0 0 17px; float: left; }
.ktc-home-2 a.attractions { background: url('images/yktc-sprite-111412-v2.png') no-repeat -13px 0; margin-left: 26px; }
.ktc-home-2 a.attractions:hover { background: url('images/yktc-sprite-111412-v2.png') no-repeat -13px -99px; }
.ktc-home-2 a.dinner { background: url('images/yktc-sprite-111412-v2.png') no-repeat -97px 0; }
.ktc-home-2 a.dinner:hover { background: url('images/yktc-sprite-111412-v2.png') no-repeat -97px -99px; }
.ktc-home-2 a.tours { background: url('images/yktc-sprite-111412-v2.png') no-repeat -184px 0; }
.ktc-home-2 a.tours:hover { background: url('images/yktc-sprite-111412-v2.png') no-repeat -184px -99px; }
.ktc-home-2 a.museum { background: url('images/yktc-sprite-111412-v2.png') no-repeat -271px 0; }
.ktc-home-2 a.museum:hover { background: url('images/yktc-sprite-111412-v2.png') no-repeat -271px -99px; }
.ktc-home-2 a.shows { background: url('images/yktc-sprite-111412-v2.png') no-repeat -358px 0; }
.ktc-home-2 a.shows:hover { background: url('images/yktc-sprite-111412-v2.png') no-repeat -358px -99px; }
.btn-ktc-viewall { background: url(images/btn-ykttc-viewall.png) no-repeat 0 0; width: 209px; height: 54px; margin: -20px auto 0; display: block; }
.btn-ktc-viewall:hover { background: url(images/btn-ykttc-viewall.png) no-repeat 0 -54px; }

/* ---- start NYMap --- */
.NYMap { background: url('/UserFiles/Images/hovers/NYMap-neighborhoods-nolabels.png'); position: relative; height: 576px; width: 480px; }
.Harlem { background: url('/UserFiles/Images/hovers/Harlem.png') no-repeat 0 0; position: absolute; width: 185px; height: 83px; z-index: 1; left: 288px; top: 79px; }
.Harlem:hover { background-position: 0 -80px; }
.Midtown { background: url('/UserFiles/Images/hovers/Midtown.png'); position: absolute; left: 69px; top: 113px; width: 207px; height: 87px; z-index: 2; }
.Midtown:hover { background-position: 0 -87px; }
.Chelsea { background: url('/UserFiles/Images/hovers/Chelsea.png'); position: absolute; left: 71px; top: 185px; width: 136px; height: 120px; z-index: 3; }
.Chelsea:hover { background-position: 0 -123px; }
.MeatpackingDistrict { background: url('/UserFiles/Images/hovers/MeatpackingDistrict.png'); position: absolute; left: 98px; top: 285px; width: 85px; height: 62px; z-index: 40; }
.MeatpackingDistrict:hover { background-position: 0 -62px; }
.GreenwichVillage { background: url('/UserFiles/Images/hovers/GreenwichVillage.png'); position: absolute; left: 116px; top: 302px; width: 133px; height: 88px; z-index: 5; }
.GreenwichVillage:hover { background-position: 0 -89px; }
.LittleItaly { background: url('/UserFiles/Images/hovers/LittleItaly.png'); position: absolute; left: 245px; top: 343px; width: 60px; height: 75px; z-index: 6; }
.LittleItaly:hover { background-position: 0 -75px; }
.SoHo { background: url('/UserFiles/Images/hovers/SoHo.png'); position: absolute; left: 132px; top: 369px; width: 127px; height: 55px; z-index: 7; }
.SoHo:hover { background-position: 0 -54px; }
.TriBeCa { background: url('/UserFiles/Images/hovers/TriBeCa.png'); position: absolute; left: 143px; top: 399px; width: 92px; height: 57px; z-index: 8; }
.TriBeCa:hover { background-position: 0 -57px; }
.ChinaTown { background: url('/UserFiles/Images/hovers/ChinaTown.png'); position: absolute; left: 231px; top: 411px; width: 81px; height: 63px; z-index: 9; }
.ChinaTown:hover { background-position: 0 -63px; }
.WallStreet { background: url('/UserFiles/Images/hovers/WallStreet.png'); position: absolute; left: 213px; top: 452px; width: 63px; height: 76px; z-index: 10; }
.WallStreet:hover { background-position: 0 -76px; }

/* --- end NYMap --- */

.check-container { padding: 10px 0px 20px 0px; width: 680px; }
.check-module { padding-right: 20px; padding-bottom: 20px; line-height: 1.4em; color: #4d4d4d; }
.check-module h5 { text-transform: uppercase; font-size: .9em; color: #6d6d6d; }
.check-module p { font-size: .9em; font-weight: bold; padding-bottom: 5px; padding-top: 10px; }
.signup-question { color: #4d4d4d; }
.form-container { padding: 20px; }
.form-container label { float: left; margin: 0px 10px 20px 0px; }
.form-container label input, .form-container label select { margin-bottom: 3px; margin-top: 3px; display: block; }
.form-container label select { padding: 3px; }
.form-container label.checkbox input { display: inline; }
.form-container label span { margin-top: 1px; padding-left: 6px; font-weight: bold; margin-bottom: 0px; font-size: .95em; }
.form-container label span.required { padding-right: 8px; background: url(images/astrisk.gif) no-repeat center right; }
.form-container input.field1 { width: 162px; }
.form-container input.field2 { width: 267px; }
.form-container input.field3 { width: 172px; }
.form-container input.field4 { width: 77px; }
.form-container textarea.box1 { width: 435px; margin-top: 3px; }

.form-container label.checkbox { display: block; float: none; margin: 0px 0px 5px 0px; }
.form-container .check-indent2 span.checkbox { display: block; float: none; margin: -2px 0px 0px 0px; }
.form-container .check-indent2 .request-radio { margin-bottom: -5px; display: block; }
.form-container .check-indent { margin-left: 20px; margin-bottom: 15px; margin-top: 3px; }
.form-container .check-indent2 { margin-left: 20px; margin-bottom: 15px; margin-top: 5px; }
.form-container .checkbox span { display: inline; font-weight: normal; }
.form-container label.checkbox span.box { float: left; width: 22px; padding: 1px 0px 0px 20px; margin: 0px; height: 20px; }
.form-container label.checkbox span.txt { float: left; margin: 0px; padding: 0px; }
.form-container .val_highlight { background: #fefbd2; border: 1px solid #e00; }
.hide { display: none !important; }
.form-container .ignorLable label { margin: 0; display: inline; float: none; padding-left: 8px; }
.form-container .error_message { color: #FF0000; font-weight: bold; font-size: large; }
.form-container .sucess_message { color: Green; font-weight: bold; font-size: large; }
.search-results a { line-height: 1.8em; }
.search-results hr { color: #c4c4c4; background-color: #c4c4c4; height: 1px; border: 0; }
.clear { clear: both; line-height: 0px; margin: 0px; padding: 0px; }



table.sched911 { margin-bottom: 10px; font-size: 1.3em; font-weight: bold; border-bottom: 5px solid #7c7c7c !important; }
table .blank { background: none !important; border: none !important; }
table.sched911 th { padding: 10px; border-bottom: 1px solid #569cc5; border-right: 1px solid #569cc5; }
table.sched911 td { padding: 10px; border-bottom: 1px solid #fff; border-right: 1px solid #fff; }
table.sched911 td.first { border-right: 1px solid #fff; color: #037cc4; }
table.sched911 th.first1, table.sched911 td.first1 { width: 120px; padding-left: 43px; }
table.sched911 th.first2, table.sched911 td.first2 { width: 153px; }
table.sched911 th { background: #037cc4; color: #fff; font-size: .7em; text-transform: uppercase; line-height: 1.3em; }
table.sched911 p { font-size: .8em; margin: 0; padding: 0; font-weight: normal; }
table.sched911 tr.odd { background: #f0efed; }
table.sched911 tr.even { background: #e1e1e1; }
table.three-col911 { width: 370px; }
table.four-col911 { width: 467px; }

@media (max-width: 480px) {
    .form-container input.field1, .form-container input.field2, .form-container input.field3 { width: 100% !important; }
}
