.travelIcons {width:42px; display:inline}
.travelDesc {width:153px; display:inline}
.travelForm {width:211px; display:inline;}

/* combo script won't measure properly with display:hidden, so we hide inactive tabs with positioning and overflow. */
#travelocity{width:465px;height:203px;position:relative;overflow:hidden}
#travelocity .tab{height:203px;position:absolute;top:203px;left:77px}
#travelocity .active{top:0}
#travelocity .travelForm{margin-left:10px}
#travelocity .travelIcons a, #travelocity .travelIcons a img{width:41px;height:54px}
#travelocity .travelIcons a{float:left;margin-bottom:10px;background-position:-41px 0}
#travelocity .travelIcons a.active{background-position:0 0}
#travelocity .input{width:197px;padding:3px}
#travelocity .sexy{width:203px;height:20px;clear:both}
#travelocity .sexy input{width:197px;padding:3px;height:14px;line-height:13px}
#travelocity .sexy .icon{top:3px;right:2px;width:11px}
#travelocity div.sexy div.list-wrapper{top:25px;width:203px;border:1px solid #666;border-top:none}
#travelocity input,#travelocity .sexy li{font-size:11px}
#travelocity .short .sexy{width:98px;float:left;clear:none;margin-right:5px}
#travelocity .short .sexy input{width:92px}
#travelocity .short .sexy div.list-wrapper{top:25px;width:98px}
#travelocity .short .input{width:92px;margin-right:4px;float:left}
#travelocity .buttonYellowGo{position:absolute;right:10px;bottom:20px;margin-right:20px}
#travelocity .short .endDate{margin:0}




/***********************/
.blue465 #travelocity .travelIcons{margin: 0 20px 0 15px;float: left;}
.blue465 #travelocity .travelIcons a{display:block;}
.blue465 #travelocity{background: transparent url(../images/logo_travelocity.gif) no-repeat scroll 77px 135px; position:relative;}
/***********************/

/* smaller widget we can't use overflow because it cuts off the combos. but this one has a solid background so we can use z-index */
.col225 #travelocity{background:#0C5BB2;width:225px;height:228px;overflow:visible}
.col225 #travelocity .tab{background:#0C5BB2;padding:0 10px;top:74px;left:0px;width:205px;height:154px;z-index:50}
.col225 #travelocity .tab.active{z-index:100}
.col225 #travelocity .travelDesc{display:none}
.col225 #travelocity .travelForm{margin:0}
.col225 #travelocity .travelIcons {text-align:center;display:block;width:auto;padding:0 10px}
.col225 #travelocity .travelIcons a{margin:10px 40px 20px 0}
.col225 #travelocity .travelIcons #autos{margin:10px 0 20px}
.col225 #travelocity .buttonYellowGo{background:url(../images/button_yellow_go_sm.gif) no-repeat 100% 50%;margin:0;padding-right:40px;bottom:10px}
/***********************/


/*******START: HOMPAGE WCT**********/
#travelocityHP{width:465px;height:203px;position:relative;overflow:hidden}
#travelocityHP .tab{height:203px;position:absolute;top:203px;left:77px}
#travelocityHP .active{top:0}
#travelocityHP .travelForm{margin-left:10px}
#travelocityHP .travelIcons a, #travelocity .travelIcons a img{width:41px;height:54px}
#travelocityHP .travelIcons a{float:left;margin-bottom:10px;background-position:-41px 0}
#travelocityHP .travelIcons a.active{background-position:0 0}
#travelocityHP .input{width:197px;padding:3px}
#travelocityHP .sexy{width:275px;height:20px;clear:both}
#travelocityHP .sexy input{width: 270px; padding:3px;height:14px;line-height:13px}
#travelocityHP .sexy .icon{top:3px;right:2px;width:11px}
#travelocityHP div.sexy div.list-wrapper{top:25px;width:203px;border:1px solid #666;border-top:none}
#travelocityHP input,#travelocity .sexy li{font-size:11px}

#travelocityHP .short{margin-top: 20px;}

#travelocityHP .short .sexy{width: 131px; float:left; clear:none; margin-right:10px}
#travelocityHP .short .sexy input{width: 127px}
#travelocityHP .short .sexy div.list-wrapper{top:25px;width:98px}
#travelocityHP .short .input{width:125px;margin-right:10px;float:left}
#travelocityHP .short .endDate{margin:0}


.col465 #travelocityHP{background:#0C5BB2;width: 300px; height: 275px;overflow:visible}
.col465 #travelocityHP .tab{background:#0C5BB2;padding:0 10px;top:100px;left:0px;width:205px;height:154px;z-index:50}
.col465 #travelocityHP .tab.active{z-index:100}
.col465 #travelocityHP .travelDesc{display:none}
.col465 #travelocityHP .travelForm{margin:0}
.col465 #travelocityHP .travelIcons {text-align:center;display:block;width:auto;padding:0 10px}
.col465 #travelocityHP .travelIcons a{margin:10px 40px 20px 0}
.col465 #travelocityHP .travelIcons #autos{margin:10px 0 20px}
.col465 #travelocityHP .buttonYellowGo{color: #84ACD8 !important; font-family: Arial,Helvetica,sans-serif !important; font-size:20px !important; font-weight:bold; background:url(../images/button_yellow_go_sm.gif) no-repeat 100%; margin:0px 0px 0px -10px; padding: 0px 40px 0px 0px;}
/*******END: HOMPAGE WCT**********/


#ui-datepicker-div { z-index:101; background-color:#fff; }
.ui-datepicker-calendar { background-color:#fff; z-index:101; }