.tripplanner {width: 245px; color: #00246b; font-size: 0.95em; line-height: 130%; float:left; }
.tripplanner h2 { background: url(../images/bg_home_tab_red.gif) top left no-repeat;  padding: 0 0 0 5px; margin: 0; font-size: 110%; color: #00246b; }
.tripplanner h2 span { background: url(../images/bg_home_tab_red.gif) top right no-repeat; display:block;  padding: 6px 0 7px 5px ; margin: 0; color: #FFF;}
.tripplanner form {padding: 4px; border-left: 1px solid #949494;border-right: 1px solid #949494;border-bottom: 1px solid #949494; background-color: #f0f0f0; float:left;}
.tripplanner form input, .tripplanner form select {border: 1px solid #CCC; font-size: 1.15em; color: #00246b; letter-spacing: 0px; vertical-align:top; cursor: pointer; font-family: "Calibri", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding:0; margin:0;}
.tripplanner h3 {padding: 5px 0 3px 0; margin:0; font-size: 1em; letter-spacing:1px; color: #00246b;}
.tripplanner h3.region { display:inline; vertical-align:middle; padding-right: 5px;}
.tripplanner table {width: 100%;}

.tripplanner img {padding: 3px 0;}

/* pop-up calendar */
#calendarDiv{position:absolute;	width:245px; border-left:1px solid #444; border-top: 1px solid #444;	border-right: 2px solid #b40101; border-bottom: 2px solid #b40101; background-color: #FFF; font-size:110%;	font-family: "Calibri", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; padding-bottom:20px; visibility:hidden;}
#calendarDiv #topBar {height: 60px;}
#calendarTitle {color: #00246b;font-weight: bold;padding: 5px 0 11px 0;text-align:center;font-size: 1.1em;margin:0;}
#calendarDiv .todaysDate{height:17px;line-height:17px;padding:2px 2px 2px 2px;margin:0;	background-color: #444;text-align:center;position:absolute;bottom:0;right: -1;width:241px;color: #FFF;
}
#calendarDiv .todaysDate div{float:left;}
#calendarDiv span,#calendarDiv img{float:left;}
#calendarDiv .selectBox,#calendarDiv .selectBoxOver{line-height:12px;padding:3px;cursor:pointer;}
#calendarDiv .selectBoxTime,#calendarDiv .selectBoxTimeOver{line-height:12px;padding:3px;cursor:pointer;}
#calendarDiv td{padding:3px 3px 7px 8px;margin: 0;}
#calendarDiv .selectBox{border:1px solid #444;color: #666;position:relative;}
#calendarDiv .selectBoxOver{border:1px solid #444;background-color: #FFF;color: #00246b;position:relative;}
#calendarDiv .selectBoxTime{border:1px solid #444;color: #00246b;position:relative;
}
#calendarDiv .selectBoxTimeOver{border:1px solid #444;color: #00246b;position:relative;}
#calendarDiv .topBar{height:25px;padding:5px;background-color: #fff;}
#calendarDiv .activeDay{color:#b40101;font-weight:bold;text-decoration:underline;}
#calendarDiv .timeBar{height:17px;line-height:17px;background-color: #fff;color:#444;position:absolute;right:0px;}
#calendarDiv .timeBar div{float:left;margin-right:1px;}
#calendarDiv .monthYearPicker{background-color: #fff;border:1px solid #444;position:absolute;color: #444;left:0px;top:25px;z-index:1000;display:none;width: 130px;margin: 17px 0 0 0;padding-left: 5px;}
#calendarDiv #monthSelect{width:150px;margin-right: 5px;
}
#calendarDiv .monthYearPicker div{float:none;clear:both;padding:1px;margin:1px;cursor:pointer;}
#calendarDiv .monthYearActive{background-color:#444;color: #FFF;}
#calendarDiv td{text-align:right;cursor:pointer;}
#calendarDiv .topBar img{cursor:pointer;}
#calendarDiv .topBar div{float:left;margin-right:1px;}