/*
*************************************************

visitphilly.com
General Screen Styles

Created by the friendly folks at Happy Cog
http://www.happycog.com/

*************************************************
*/


/*-------------------------------------------    
    Global combinations
-------------------------------------------*/
.travelocity-nav a, a.dp-choose-date, .header-controls a { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; }

/*\*/ .travelocity-nav a, a.dp-choose-date, .header-controls a { overflow: hidden; } /**/

.travelocity-nav:after, .special:after, .book-online fieldset p strong:after, .itinerary-nav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0; }
* html .itinerary-nav { height: 1%; }
* + html .itinerary-nav { height: 1%; }
* html .book-online fieldset p strong { height: 1%; padding-bottom: 4px; }
* + html .book-online fieldset p strong { height: 1%; padding-bottom: 4px; }

.header-controls-wrap { position: absolute; bottom: 16px; left: 50%; width: 960px; height: 34px; overflow: hidden; margin-left: -480px; }
	.header-controls { width: 76px; height: 34px; margin-left: 884px; }
		.header-controls a { float: left;  height: 34px; }
		.header-controls a:hover, .header-controls a:focus { background-position: 0 -34px; }

a.header-previous { width: 28px; background-image: url(/env/m/widgets/carousel-previous.png); }
* html a.header-previous { width: 28px; background-image: url(/env/m/widgets/carousel-previous.gif); }

a.header-play { width: 20px; background-image: url(/env/m/widgets/carousel-play.png); }
a.header-pause { width: 20px; background-image: url(/env/m/widgets/carousel-pause.png); }

a.header-next { width: 28px; background-image: url(/env/m/widgets/carousel-next.png); }
* html a.header-next { background-image: url(/env/m/widgets/carousel-next.gif); }

#main-nav li { position: relative; }
	#main-nav li li { position: static; float: none; }
		#main-nav li .actions li { float: left; }
			#main-nav .actions li a { font-weight: bold; }
	.tab-container { position: absolute; top: 35px; left: -20px; z-index: 10000; width: 364px; min-height: 100px; background: transparent url(/env/m/screen/bg-main-nav-drop.png) no-repeat 0 bottom; }
	* html .tab-container { height: 100px; }
	* html .tab-container { background-image: url(/env/m/screen/bg-main-nav-drop.gif); }
	div.tab-philly-now { left: auto; right: -24px; width: 383px; background-image: url(/env/m/screen/bg-main-nav-drop-alt.png); padding: 8px 31px 8px 32px; }
	* html div.tab-philly-now { background-image: url(/env/m/screen/bg-main-nav-drop-alt.gif); }
		.tab-container .split { padding:  8px 25px; }
		.tab-philly-now .split { padding: 0; border-top: 4px solid #e4e4e4; }
			.tab-container .split div.node { width: 113px; padding: 5px 0 0; border-top: 2px solid #e4e4e4; }
			.tab-philly-now .split div.node { width: 215px; border: none; }
				.tab-philly-now .split .split-alt div.node { width: 120px; padding-top: 0; border: none; }
			.tab-container .split div.first { width: 188px; }
			.tab-philly-now .split div.first { width: 158px; }
				.tab-philly-now .split .split-alt div.first { width: 80px; }
			
			.tab-container .split .split-alt { margin-bottom: 2px; padding-bottom: 2px; border-bottom: 1px solid #e4e4e4; }
			
				#main-nav .concise li { padding: 0 3px 3px; }
				.tab-container .concise li a { color: #3a3a3a; font-size: 11px; text-transform: uppercase; }
				.tab-container p, .tab-container p.more { font-size: 11px; font-family: Arial, sans-serif; line-height: 1.2; margin: 0 0 0.5em; }
				.tab-container p.sunny { margin-bottom: 0; }
				.tab-container img { margin-bottom: 2px; }
				.tab-philly-now .special img { float: right; margin: 0 0 6px 10px; }
				
				
.social .tabs { position: static; margin: 0; }
	.social .tabs li { position: relative; left: -1px; top: 1px; min-height: 34px; width: auto; margin: 0; padding: 10px 11px 2px; border-left: 1px dashed #c3c3c3 }
	* html .social .tabs li { height: 34px; }
	.social .tabs li.first { left: 0; border-left: none; }
	.social .tabs li.on { z-index: 100; background: #fff; margin-right: -1px; border: 1px solid #dedede; border-bottom: 0; }



.actions .share-div { /*display: none;*/ position: absolute; top: 29px; right: 41px; width: 256px; z-index: 1000; }
* html .actions .share-div { border: 2px solid #333; }
	.actions .share-item { min-height: 56px; background: transparent url(/env/m/screen/bg-share-top.png) no-repeat -10px top; padding: 20px 23px 10px; }
	* html .actions .share-item { height: 56px; background: #fff; }
		.actions .share-item p { margin: 0; }
	.actions .share-method { background: transparent url(/env/m/screen/bg-share-bottom.png) no-repeat 2px bottom; padding: 10px 23px 30px; }
	* html .actions .share-method { background: #ececec; }
	
	.share-div ul { margin-left: 0; }
		.share-div li { float: none; padding: 0; border: none; margin: 0 0 2px; list-style-type: none; }
			li.share-email, .share-back { padding-bottom: 5px; margin-bottom: 6px; border-bottom: 1px solid #a8a8a8; }
				.share-div li a { font-size: 11px; padding: 5px 0 5px 31px; background-repeat: no-repeat; background-position: 0 0; }
			li.share-email { display: none; }
			.actions li.share-email { display: block; }
				li.share-email a { background-image: url(/env/m/widgets/share-email.gif); }
				li.share-facebook a { background-image: url(/env/m/widgets/share-facebook.gif); }
				li.share-twitter a { background-image: url(/env/m/widgets/share-twitter.gif); }
				
				strong.share-back { display: none; }
				.actions strong.share-back { display: block; }
				strong.share-back a { background: none; padding-left: 0; }
				
				.share-div .basic input, .share-div .basic textarea { width: 100%; }

.coda .featured-wrap { border: 1px solid #c8c8c8; overflow: hidden; margin-bottom: 1.6em; }
.coda .featured-wrap .featured { border: none; margin: 0; }
.coda .controls { position: absolute; right: 41px; top: 13px; }
	.coda .controls .next. .coda .controls .previous { background-position: 0 0; }
	.coda .controls .next { left: 20px; width: 21px; height: 22px; background-image: url(/env/m/widgets/arrow-right-featured-new.gif); }
	.coda .controls .previous { width: 20px; height: 22px; background-image: url(/env/m/widgets/arrow-left-featured-new.gif); }
	.coda .controls .next:hover, .coda .controls .next:focus, .coda .controls .previous:hover, .coda .controls .previous:focus { background-position: 0 -22px; }
	.coda .controls a.off { background-position: 0 -44px !important; cursor: default; }


.roster .iota { position: relative; margin-bottom: 0.6em; padding: 0; }
* + html .roster .iota { position: static; }
* html .roster .iota { position: static; }
.filter .iota { padding: 6px 15px 6px 15px; }
.accordian .iota { padding: 5px 9px; }
.accordian .expand ul { display: none; }
	.roster .expand .iota a, .roster .collapse .iota a { display: block; padding: 6px 11px 6px 30px; }
	.roster .expand .iota a { background: transparent url(/env/m/widgets/expand.gif) no-repeat 7px 7px; }
	.accordian .expand .iota a { background: none; padding: 0; }
	.roster .collapse .iota a { background: transparent url(/env/m/widgets/collapse.gif) no-repeat 7px 7px; }
	
.roster li.expand { background: #fff }
	.roster li.expand .iota { background: #f0f0f0 url(/env/m/screen/bg-roster-closed.gif) repeat-x 0 0; margin-bottom: 0; }
	.accordian li.expand .iota { background: #eaeaea url(/env/m/screen/bg-accordian-closed.gif) repeat-x 0 0; margin-bottom: 0; }


.slideshow .caption { float: left; width: 235px; }
	.slideshow .caption strong { display: block; }
		.slideshow-main { text-align: center; }
		div.slideshow-main { border-bottom: 1px solid #ececec; margin-bottom: 10px; padding-bottom: 10px; }

.slide-wrap { /* height might have to be dif */  min-height: 393px; background: #fff url(/env/m/widgets/circle-loader.gif) no-repeat center center; }
.slideshow-alt .slide-wrap { min-height: 353px; background-color: #1a1a1a; background-image: url(/env/m/widgets/circle-loader-alt.gif); }
* html .slide-wrap { height: 391px; }
* html .slideshow-alt .slide-wrap { height: 353px; }


ul.travelocity-nav { clear: both; margin: 0; }
.travelocity-nav li { list-style-type: none; float: left; }
	.travelocity-nav a { height: 36px; background: transparent url(/env/m/widgets/travelocity/nav-sprite.gif) no-repeat 0 0; }
	.tab-hotels a { width: 65px; }
		.tab-hotels a:hover, .tab-hotels a:focus { background-position: 0 -36px; }
		.tab-hotels a.on { background-position: 0 -72px; }
	.tab-flights a { width: 61px; background-position: -65px 0; }
		.tab-flights a:hover, .tab-flights a:focus { background-position: -65px -36px; }
		.tab-flights a.on { background-position: -65px -72px; }
	.tab-car a { width: 39px; background-position: -126px 0; }
		.tab-car a:hover, .tab-car a:focus { background-position: -126px -36px; }
		.tab-car a.on { background-position: -126px -72px; }
	.tab-tix a { width: 36px; background-position: -165px 0; }
		.tab-tix a:hover, .tab-tix a:focus { background-position: -165px -36px; }
		.tab-tix a.on { background-position: -165px -72px; }
		
	.book-online-alt .travelocity-nav a { background-image: url(/env/m/widgets/travelocity/nav-sprite-alt.gif); }
		.book-online-alt .tab-flights a { width: 63px; background-position: -65px 0; }
			.book-online-alt .tab-flights a:hover, .book-online-alt .tab-flights a:focus { background-position: -65px -36px; }
			.book-online-alt .tab-flights a.on  { background-position: -65px -72px; }
		.book-online-alt .tab-car a { width: 50px; background-position: -128px 0; }
			.book-online-alt .tab-car a:hover, .book-online-alt .tab-car a:focus { background-position: -128px -36px; }
			.book-online-alt .tab-car a.on { background-position: -128px -72px; }
		.book-online-alt .tab-tix a { width: 77px; background-position: -178px 0; }
			.book-online-alt .tab-tix a:hover, .book-online-alt .tab-tix a:focus { background-position: -178px -36px; }
			.book-online-alt .tab-tix a.on { background-position: -178px -72px; }

	
.book-online-alt { border-bottom: none; }
	
.book-online form { display: none; }
.book-online-alt form { clear: both; position: relative; top: -15px; z-index: 1; padding: 4px; border: 1px solid #dedede; }
.book-online form.tab-hotels-form { display: block; }
	.book-online fieldset { background-position: 0 -10px; padding-top: 10px; }
		
		
		
.book-online-alt ul.travelocity-nav { position: relative; z-index: 900; background: transparent url(/env/m/screen/bg-travelocity-nav-ul.gif) 0 0 no-repeat; padding: 6px 0 0 5px; }
* html .book-online-alt ul.travelocity-nav  { height: 1%; }
* + html .book-online-alt ul.travelocity-nav { height: 1%; }
.book-online-alt fieldset { background-position: 0 0; margin-bottom: 0; padding-top: 20px; }



a.dp-choose-date { float: left; width: 16px; height: 15px; margin: 3px 0 0; background-image: url(/env/m/widgets/calendar.gif); }
a.dp-choose-date.dp-disabled { background-position: 0 -20px; cursor: default; }

.book-online fieldset p strong input { float: left; width: 78%; margin-right: 9px; }
.book-online-alt fieldset p strong input { width: 74%; }

.main .itinerary-nav { margin: 0 0 -7px; }
	.itinerary-nav li { float: left; list-style-type: none; padding: 0 0 7px; }
	.itinerary-nav li.on { background: transparent url(/env/m/screen/bg-tab-bottom.gif) no-repeat center bottom; }
		.itinerary-nav a { display: block; padding: 6px 10px; background: #1f9acd url(/env/m/screen/bg-tab.gif) repeat-x 0 0; font-weight: bold; text-transform: uppercase; color: #fff; font-size: 11px; text-decoration: none; font-family: Arial, sans-serif; border-left: 1px solid #419ec3; }
		.itinerary-nav a:hover, .itinerary-nav a:focus { color: #fff; text-decoration: none; background-color: #50c5f6; background-image: url(/env/m/screen/bg-tab-on.gif); }
		.itinerary-nav li.on a { background-color: #50c5f6; background-image: url(/env/m/screen/bg-tab-on.gif); }
		.itinerary-nav li.first a { border: none; }
div.step h3 { padding-top: 14px; }

table.jCalendar { width: 100%; margin-bottom: 0; border-top: 3px double #d7d7d7; }

.jCalendar thead { border-top: 1px solid #d7d7d7; margin-bottom: 1px; }

.jCalendar tbody { border-top: 1px solid #d7d7d7; padding-top: 1px; margin-top: 1px; }

.jCalendar tr { border: none; }

.dp-calendar { padding: 2px 20px 20px; background: transparent url(/env/m/widgets/travelocity/calendar-bottom.png) no-repeat 0 bottom; }
* html .dp-calendar { background-image: none; }

table.jCalendar th { background: #e8e8e8; color: #4c4c4c; font-weight: bold; padding: 3px 5px; }

table.jCalendar td { color: #c33; padding: 3px 5px; text-align: center; }

table.jCalendar td.other-month { visibility: hidden; }

table.jCalendar td.today { background: #fff; border: 1px solid #cbcbcb; margin-top: 1px; }
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td { background: #f66 color: #fff; }

table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {	color: #727272; }

table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover { background: #bbb; color: #888; }


div.dp-popup { position: relative; font-size: 11px; font-weight: bold; font-family: arial, sans-serif; padding: 0; width: 237px; line-height: 1.2em; }

* html div.dp-popup { background: #f6f6f6; border: 1px solid #c8c8c8; }

div#dp-popup { position: absolute; z-index: 199; }

div.dp-popup h2 { background: transparent url(/env/m/widgets/travelocity/calendar-top.png) no-repeat 0 0; font-size: 11px; font-weight: normal; text-align: center; margin: -2px 0 0; font-family: Georgia, serif; text-transform: uppercase; padding: 15px 30px 3px; }
* html div.dp-popup h2 { background: none; }

a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	font-weight: bold;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev { position: absolute; top: 10px; left: 21px; width: 100px; }

div.dp-popup div.dp-nav-prev a { float: left; }

div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a { cursor: pointer; }

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled { cursor: default; }

div.dp-popup div.dp-nav-next { position: absolute; top: 10px; right: 21px; width: 100px; }

div.dp-popup div.dp-nav-next a { float: right; }

div.dp-popup a.disabled { cursor: default; color: #aaa; }

div.dp-popup td { cursor: pointer; }

div.dp-popup td.disabled { cursor: default; }