/* trip.css */

@import url("layout.css");

/* general */

/* template(2 column) */
#trip_content {width: 790px; padding-right: 5px; display: inline; position: relative; float: left;}
#right_column {width: 155px; margin: 0; padding: 0; display: inline; position: relative; float: right;}

/* trip_name */
#trip_member {width: 947px; text-align: right; margin-bottom: 2px; position: relative; float: left;}
#trip_name_bar {width: 99%; background-image: url(./images/yellow_bar_bg.gif); border-top: 1px solid #f90; border-right: 1px solid #f90; border-bottom: 1px solid #f90; border-left: 1px solid #f90; padding:0 3px 0 5px; margin-bottom: 5px; display: inline; position: relative; float: left;}
#trip_name {width: 60%; display: inline; position: relative; float: left;}

#function {width: 40%; position: relative; float: right;}
#mail_icon {width: 20px; height: 20px; padding-top: 3px; padding-right: 5px; _padding-right: 3px; position: relative; float: left;}
#mail_textbox {width: 15%; _padding-top: 8px; padding-top: 5px; position: relative; float: left;}
#print_icon {width: 20px; height: 20px; padding-top: 3px; padding-right: 5px; _padding-right: 3px; position: relative; float: left;}
#print_textbox {width: 42%; _padding-top: 8px; padding-top: 5px; position: relative; float: left;}
#fontsize_icon {width: 19%; height: 14px; padding-top: 5px; position: relative; float: right;}
#fontsize_textbox {width: 8%; _padding-top: 8px; padding-top: 5px; text-align: right; position: relative; float: left;}

#sub_title {width: 58%; position: relative; float: left;}
#guide {width: 38%; display: inline; position: relative; float: right;}
#guide_textbox {width: 65%; padding-top: 20px; position: relative; float: left;}
#guide_logo {width: 30%; padding: 6px 0 5px 0; text-align: center; position: relative; float: right;}
#yellow_bar {width: 783px; background-color: #fff5c4; padding-left: 5px; position: relative; float: left;}
#departing_time {width: 40% padding-left: 5px; position: relative; float: left;}
#price {width: 52%; padding-right: 5px; position: relative; float: right;}
#price_textbox {width: 92%; text-align: right; position: relative; float: left;}
#cart_icon {width: 28px; height: 20px; padding-top: 3px; display: inline; position: relative; float: right;}
#feature_tag {width: 112px; height: 25px; background-image: url(./images/feature_tag.gif); background-repeat: no-repeat; margin-top: 5px; margin-left: 8px; position: relative; float: left;}

/* trip_content */
#trip_box {_width: 783px; width: 788px; border-top: 5px solid #8fd1fe; border-right: 1px solid #a7e1fe; border-bottom: 1px solid #a7e1fe; border-left: 1px solid #a7e1fe; position: relative; float: left;}
#trip_textbox{width: 98%; _width: 96%; padding: 12px; position: relative; float: left;}
#trip_textbox img{ padding:3px;}
#trip_yellow_bar {width: 783px; background-image: url(./images/yellow_bar_bg.gif); padding-left: 5px; position: relative; float: left;}
#trip_arrow_yellow {width: 16px; height: 16px; background-image: url(./images/arrow_yellow.gif); background-repeat: no-repeat; margin-top: 6px; position: relative; float: left;}
#trip_blue_bar {width: 783px; background-image: url(./images/blue_bar_bg.gif); padding-left: 5px; position: relative; float: left;}
/** #world_heritage {width: 23px; height: 17px; padding-top: 5px; position: relative;} **/
#food_n_hotel {width: 97%; _width: 96%; margin: 0 0 8px 5px; padding: 5px; border: 1px dashed #78d2ff; position: relative; float: left;}
#distance {width: 98%; margin: 0 0 8px 5px; position: relative; float: left;}
#distance_icon {width: 35px; height: 19px; padding-top: 3px; background-image: url(./images/icon_bus.gif); background-repeat: no-repeat; position: relative; float: left;}
#icon_food {width: 18px; height: 19px; background-image: url(./images/icon_food.gif); background-repeat: no-repeat; margin-top: 3px; position: relative; float: left;}
#icon_hotel {width: 18px; height: 19px; background-image: url(./images/icon_hotel.gif); background-repeat: no-repeat; margin-top: 3px; position: relative; float: left;}
#date_update {width: 783px; background-color: #c1eaff; padding-left: 5px; position: relative; float: left;}
#add2cart {width: 100%; text-align: center; padding-top: 20px; position: relative; float: left;}
#cart_highlight {width: 100%; text-align: center; padding-top: 12px; position: relative; float: left;}

/* right_column */
#group_info {width: 155px; margin-bottom: 5px; _margin-bottom: -5px; display: inline; float: left;}
#group_info_bg {width: 155px; background-image: url(./images/group_info_bg.gif); background-repeat: no-repeat; position: relative; float: left;}
#group_info_textbox {width: 88%; margin-top: 35px; margin-left: 15px; display: inline; float: left;}
#group_info_bottom {width: 155px; height: 8px; background-image: url(./images/group_info_bottom.gif); background-repeat: no-repeat; position: relative; float: left;}
#group_sep {width: 95%; height: 3px; background-image: url(./images/group_info_sep.gif); background-repeat: repeat-x; margin-top: 3px !important; margin-right: 0px; margin-bottom: 3px !important; margin-bottom: -8px; margin-left: 0px; position: relative; float: left;}
#trip_info {width: 155px; margin-bottom: 5px; display: inline; float: left;}
#trip_info_bg {width: 100%; background-image: url(./images/trip_info_bg.gif); background-repeat: no-repeat; position: relative; float: left;}
#trip_info_textbox {width:92%; margin-top:35px; margin-left:5px;}
#trip_info_bottom {width: 155px; height: 8px; background-image: url(./images/trip_info_bottom.gif); background-repeat: no-repeat; position: relative; float: left;}
#trip_service a{ display:block; width:155px; height:135px; background-image:url(images/trip_online_service.gif); background-repeat: no-repeat; text-indent:-9999px; margin-bottom:5px;}
#trip_service a:hover{ width:155px; height:135px; background-image:url(images/trip_online_service.gif); background-repeat: no-repeat; background-position:bottom;}
#commend {width: 155px; height: 55px; margin-bottom: 5px; display: inline; float: left;}

/* ----------------------------------------- font ----------------------------------------- */
.member_text {font-size: 80%; color: #000; line-height: 180%; text-decoration: none;}
.member_text a{color: #06c; text-decoration: none;}
.member_text a:hover{color: #f09; text-decoration: underline;}
.trip_name_text {font-size: 120%; color: #000; line-height: 150%; text-decoration: none; font-weight: bolder;}
.function_text {font-size: 80%; color: #000; line-height: 150%; text-decoration: none;}
.function_text a{color: #666; text-decoration: underline;}
.function_text a:hover{color: #f30; text-decoration: underline;}
.subtitle_text {font-size: 95%; color: #000; line-height: 180%; text-decoration: none; letter-spacing: 1px;}
.guide_text {font-size: 80%; color: #f30; line-height: 180%; text-decoration: none;}
.price {font-size: 100%; color: #f30; line-height: 180%; text-decoration: none; font-weight: bolder;}
.trip_text {font-size: 95%; color: #000; line-height: 180%; text-decoration: none; letter-spacing: 2px;}
.trip_text a{color: #06c;text-decoration: underline;}
.trip_text a:hover{color: #f30;text-decoration: underline;}
.trip_subtitle {font-size: 95%; color: #c00; line-height: 180%; text-decoration: none; font-weight: bolder; letter-spacing: 1px;}
.daily_text {font-size: 95%; color: #000; line-height: 180%; text-decoration: none; letter-spacing: 2px;}
.daily_text a{color: #f09; text-decoration: underline;}
.daily_text a:hover{color: #090; text-decoration: underline;}
.cart_highlight_text {font-size:75%; color: #f30; line-height: 180%; text-decoration: none;}
.group_info_text {font-size:80%; color:#099; line-height:180%; text-decoration:none;}
.group_info_text a{color:#099; text-decoration:none;}
.group_info_text a:hover{color:#f09; text-decoration:none;}
.trip_info_text {font-size: 80%; color: #09c; line-height: 220%; text-decoration: none;}
.trip_info_text a{color: #09c; text-decoration: none;}
.trip_info_text a:hover{color: #f09; text-decoration: none;}
.trip_service_text {font-family: Verdana, sans-serif; font-size: 70%; color: #000; line-height: 180%; text-decoration: none;}
.trip_service_text a{color: #09c; text-decoration: underline;}
.trip_service_text a:hover{color: #f09; text-decoration: underline;}

/*  friends  */
#friends{ width:400px; border:1px solid #a7e1fe; padding:5px;}
.pop_up_text{ font-family:Verdana, sans-serif; font-size:80%; color:#000; line-height:25px; padding:3px;}
.pop_up_text a{ color:#000; text-decoration:none;}
.pop_up_text a:hover{ color:#09c; text-decoration:underline;}

/*  trip_menu  */
#menu{ width:400px;}
#menu h1{ display:block; width:400px; height:30px; background-image:url(images/trip_menu_1.gif); background-repeat:no-repeat; text-indent:-9999px;}
#menu p{ font-size:80%; line-height:25px; padding:35px 5px 5px 175px;}
#menu span{ font-size:70%; color:#900; line-height:25px; padding:10px;}
#menu img{ padding:5px;}

/*  vote  */
#vote td{ background-image:url(images/commend.gif); background-repeat:no-repeat; background-position:center;}