/* e-GuestAccess */
/* create date: 2009.07.29  Hown */

/* ======================================================== PUBLIC ==========================================================*/
html, body, form, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl
{
    margin: 0;
    padding: 0;
    border: 0;
}
body
{
    background: #59a8c8 url(../images/homepage_bg.jpg) left top repeat-x;
    font-size: 12px;
    font-family: Arial;
    border-top: 1px solid #ffc100;
    color: #000;
    line-height: 18px;
}
h1
{
    font-size: 20px;
    font-weight: bold;
    color: #555;
    margin-bottom: 10px;
}
h2
{
    font-size: 18px;
    font-weight: bold;
    color: #177d00;
    margin-bottom: 5px;
}
h3
{
    font-size: 13px;
    font-weight: bold;
    color: #666;
    margin-bottom: 5px;
}
h4
{
    font-size: 15px;
    font-weight: bold;
}
.left
{
    float: left;
}
.right
{
    float: right;
}
.align
{
    text-align: center;
}
.clear
{
    clear: both;
}
.display
{
    display: inline;
}
.hide
{
    display: none;
}
.relative
{
    position: relative;
}
.LH
{
    line-height: 18px;
}
img
{
    vertical-align: middle;
    border: none;
}
.bold
{
    font-weight: bold;
}
input, select, textarea
{
    color: #343434;
    vertical-align: middle;
    margin: 0;
    border: 1px solid #bbb;
}
.Border_img
{
    border: 1px solid #bbb;
}
.Border_left
{
    border-left: 1px solid #ffd200;
}
.Border_right
{
    border-right: 1px solid #ffd200;
}
.Border_bottom
{
    border-bottom: 1px solid #ffd200;
}
.Border_white
{
    border-right: 2px solid #fff;
}
.width42
{
    width: 42%;
}
.width46
{
    width: 46%;
}
.width48
{
    width: 48%;
}
.width50
{
    width: 50%;
}
.width110
{
    width: 110px;
}
.width120
{
    width: 120px;
}
.width150
{
    width: 150px;
}
.width200
{
    width: 200px;
}
.width250
{
    width: 250px;
}
.width302
{
    width: 302px;
}
.header_rightside
{
    width: 465px;
}
.width725
{
    width: 725px;
}
.width580
{
    width: 580px;
}
/* ================================================= COLOR =================================================*/
.blue
{
    color: #003863;
}
.Light_blue
{
    color: #2164a3;
}
.green
{
    color: #177d00;
}
.black
{
    color: #000;
}
.gray3
{
    color: #333;
}
.gray6
{
    color: #666;
}
.gray7
{
    color: #777;
}
.Orange
{
    color: #ff6600;
}
.red
{
    color: #ff0000;
}
/* ================================================= FONT =================================================*/
.font11
{
    font-size: 11px;
    color: #346e8c;
}
.font15
{
    font-size: 15px;
}
.font20
{
    font-size: 20px;
}
.SmallFont
{
    font-size: 11px;
}
/* =================================================== margin ===========================================*/
.marginleft5
{
    margin-left: 5px;
}
.marginleft10
{
    margin-left: 10px;
}
.marginleft25
{
    margin-left: 25px;
}
.marginrigth10
{
    margin-right: 10px;
}
.marginrigth15
{
    margin-right: 15px;
}
.marginright20
{
    margin-right: 20px;
}
.marginright25
{
    margin-right: 25px;
}
.marginright30
{
    margin-right: 30px;
}
.marginright40
{
    margin-right: 40px;
}
.marginright210
{
    margin-right: 210px;
}
.margintop5
{
    margin-top: 5px;
}
.margintop10
{
    margin-top: 10px;
}
.margintop15
{
    margin-top: 15px;
}
.margintop20
{
    margin-top: 20px;
}
.margintop30
{
    margin-top: 30px;
}
.margintop40
{
    margin-top: 40px;
}
.marginbottom10
{
    margin-bottom: 10px;
}
.marginbottom15
{
    margin-bottom: 15px;
}
.marginbottom20
{
    margin-bottom: 20px;
}
.marginbottom25
{
    margin-bottom: 25px;
}
.marginbottom30
{
    margin-bottom: 30px;
}
.marginbottom40
{
    margin-bottom: 40px;
}
.paddingtop10
{
    padding-top: 10px;
}
.paddingright10
{
    padding-right: 10px;
}
.paddingright15
{
    padding-right: 15px;
}
.paddingbottom15
{
    padding-bottom: 15px;
}
.paddingtb
{
    padding-bottom: 10px;
    padding-top: 15px;
}
/* =================================================== LINK ===========================================*/
a
{
    color: #000;
    text-decoration: none;
}
.Dark_red a
{
    text-decoration: underline;
}
.Dark_red a:hover
{
    text-decoration: none;
}
/*============================================= WRAPPER ===============================================*/
.Wrapper
{
    margin: 0 auto;
    width: 1042px;
    padding: 0;
}
/*============================================= Header ===============================================*/
.Wrapper .Header
{
    width: 1000px;
    margin: 0 auto;
}
.Logo
{
    margin: 15px 0 5px 10px;
}
.UserStatus_left
{
    background: url(../images/welcome_left_bg.gif) left top no-repeat;
    height: 25px;
    width: 23px;
}
.UserStatus_mid
{
    background-color: #fec200;
    height: 22px;
    font-size: 11px;
    padding: 3px 0 0 0;
    _padding-bottom: 0px;
}
.UserStatus_right
{
    background: url(../images/welcome_right.gif) left top no-repeat;
    height: 25px;
    width: 28px;
}
.welcome a
{
    padding: 0 5px;
}
.welcome a:hover
{
    text-decoration: underline;
}
/*============================================= menu ===============================================*/
.Menu_bg
{
    background: url(../images/menu_bg.gif) left top no-repeat;
    width: 1009px;
    height: 32px;
    margin-top: 12px;
    padding-left: 33px;
}
ul.Menu
{
    height: 32px;
}
ul.Menu li
{
    list-style: none;
    float: left;
    display: block;
}
ul.Menu li a
{
    font-size: 13px;
    font-weight: bold;
    color: #fff;
    padding: 8px 15px 0 15px;
    display: block;
}
ul.Menu li a:hover
{
    color: #ffc200;
}
ul.Menu li a.activated
{
    background: url(../images/menu_activ.jpg) left top repeat-x;
    float: left;
    height: 26px;
}
/*============================================= SubHeader ===============================================*/
.SubHeader
{
    width: 984px;
    background-color: #fff;
    margin: 6px 0 8px 33px;
    padding: 8px 8px 0 8px;
    clear: both;
}
.Right_banner
{
    float: right;
    width: 319px;
}
.star
{
    background-color: #000;
    padding: 5px;
    float: left;
    font-weight: bold;
    color: #fff;
    margin-bottom: 2px;
}
.another_bg
{
    background: url(../images/another_bg.gif) no-repeat;
    width: 319px;
    padding: 10px 0 0 0;
    color: #003863;
}
.Connection a:hover
{
    text-decoration: underline;
}
/*============================================= content ===============================================*/
.content
{
    background-color: #fff;
    margin-left: 33px;
    width: 999px;
    padding-top: 20px;
}
.Contain_box
{
    padding-left: 23px;
    padding-right: 11px;
    padding-bottom: 15px;
}
.Left_Col
{
    float: left;
    width: 640px; /*padding:0 11px 0 23px;*/
    padding: 0;
}
.Left_Col p
{
    margin-bottom: 15px;
}
.Destination_select_top
{
    background: url(../images/Destination_select_top.gif) left center no-repeat;
    width: 628px;
    height: 11px;
}
.Destination_select_mid
{
    background: url(../images/Destination_select_mid.gif) left top repeat-y;
    width: 604px;
    padding: 0 12px 0 18px;
}
.Destination_select_footer
{
    background: url(../images/Destination_select_footer.gif) left center no-repeat;
    width: 628px;
    height: 14px;
}
.FeaturedEvent
{
    float: left;
    margin-top: 30px;
}
.Featuretext
{
    float: right;
    font-weight: bold;
    margin-top: 5px;
    overflow: hidden;
    width: 230px;
    height: 17px;
}
.FeaturedEvent_rigth
{
    width: 411px;
    margin-left: 13px;
    display: inline;
}
table.FeaturedEvent_table td
{
    padding: 4px 0 4px 2px;
}
a.personalize_btn
{
    background: url(../images/personalize_btn_left.gif) left center no-repeat;
    padding-left: 10px;
    float: left;
    height: 28px;
    cursor: hand;
}
a.personalize_btn span
{
    background: url(../images/personalize_btn_right.gif) right center no-repeat;
    height: 22px;
    color: #fff;
    padding: 6px 10px 0 0;
    float: left;
}
a.greenrightbtn
{
    background: url(../images/greenleftbtn.gif) left center no-repeat;
}
a.greenrightbtn span
{
    background: url(../images/greenrightbtn.gif) right center no-repeat;
}
a:hover.personalize_btn span
{
    color: #FC6;
}
.Right_Col
{
    float: left;
    width: 315px;
}
.feature_bg
{
    background: url(../images/feature_bg.jpg) no-repeat;
    height: 82px;
    width: 276px;
    padding: 60px 20px 0 13px;
}
ul.Tick li
{
    display: block;
    background: url(../images/Tick_icon.gif) left center no-repeat;
    padding-left: 30px;
    float: left;
    font-weight: bold;
    margin-bottom: 10px;
    list-style: none;
}
a.click_btn
{
    background: url(../images/click_left_btn.gif) left center no-repeat;
    height: 28px;
    padding-left: 33px;
    float: left;
}
a.click_btn span
{
    background: url(../images/click_right_btn.gif) right center no-repeat;
    height: 22px;
    float: left;
    color: #fff;
    padding-top: 6px;
    padding-right: 26px;
    cursor: hand;
}
a:hover.click_btn span
{
    color: #FC6;
}
.Destination_flash
{
    height: 103px;
    width: 561px;
    float: left;
    overflow: hidden;
}
/*============================================= homepage_scheduling ===============================================*/
.Shadow_line
{
    background: url(../images/Shadow_line.gif) center bottom repeat-x;
    height: 4px;
}
.alert_box
{
    background-color: #fffdc4;
    border: 1px solid #ffd669;
    padding: 5px 0 5px 20px;
}
.alert_correct
{
    background-color: #e6ffc9;
    border: 1px solid #93be69;
    padding: 5px 0 5px 12px;
}
.Shadow_blue_line
{
    background: #e7f5fe url(../images/Shadow_blue_line.gif) left top repeat-x;
    height: 100%;
    text-align: right;
    padding: 5px 20px 5px 0;
}
.Per_Attendee
{
    background-color: #fffdc4;
    height: 100%;
    text-align: right;
    padding: 8px 45px 8px 0;
}
a.button_big
{
    float: left;
    height: 34px;
    cursor: pointer;
    display: block;
    padding-left: 10px;
}
a.button_big span
{
    float: left;
    font-size: 14px;
    font-weight: bold;
    height: 25px;
    padding: 9px 20px 0 10px;
    display: block;
    line-height: 10px;
}
a.button_big_1
{
    background: url(../images/wihte_btn_left.gif) left top no-repeat;
}
a.button_big_1 span
{
    background: url(../images/wihte_btn_right.gif) right bottom no-repeat;
}
a.button_big_2
{
    background: url(../images/gray_btn_left.gif) left top no-repeat;
}
a.button_big_2 span
{
    background: url(../images/gray_btn_right.gif) right bottom no-repeat;
}
a.button_big_3
{
    background: url(../images/green_btn_left.gif) left top no-repeat;
}
a.button_big_3 span
{
    background: url(../images/green_btn_right.gif) right bottom no-repeat;
}
a.button_big_orange
{
    background: url(../images/orange_btn_left.gif) left top no-repeat;
}
a.button_big_orange span
{
    background: url(../images/orange_btn_right.gif) right bottom no-repeat;
}
.Dont_Forget input
{
    border: none;
}
/*============================================= signup page ===============================================*/
.login_top
{
    background: url(../images/login_top.gif) left top no-repeat;
    width: 282px;
    padding: 13px 0 7px 20px;
}
.login_mid
{
    background: url(../images/login_mid.gif) left top repeat-y;
    width: 277px;
    padding: 8px 10px 0 15px;
}
.login_footer
{
    background: url(../images/login_footer.gif) left top no-repeat;
    height: 10px;
    width: 302px;
}
.signup_top
{
    background: url(../images/signup_top.gif) left top no-repeat;
    width: 282px;
    padding: 13px 0 7px 20px;
    float: left;
}
.Ball_meb
{
    background: url(../images/Ball_meb.gif) left top no-repeat;
    text-align: center;
    padding-top: 7px;
    width: 32px;
    height: 25px;
    float: left;
    font-weight: bold;
    color: #424141;
    font-size: 15px;
    margin: 0 15px 15px 0;
}
.Login_btn
{
    background: url(../images/login_btn.gif) left top no-repeat;
    height: 16px;
    width: 41px;
    font-size: 10px;
    font-weight: bold;
    float: left;
    text-align: center;
    padding-top: 5px;
}
/*============================================= myaccount_error page =================================*/
.correct_icon
{
    background: url(../images/icon_correct.gif) left center no-repeat;
    color: #93be69;
    font-size: 11px;
    padding: 0 10px 0 28px;
}
.error_icon
{
    background: url(../images/icont_error_red.gif) left center no-repeat;
    color: #ff0000;
    font-size: 11px;
    padding: 0 10px 0 20px;
}
.personalinformation_bg
{
    background: url(../images/personalinformation_bg.gif) left bottom repeat-x;
    width: 927px;
}
input.error, textarea.error, select.error
{
    border: 2px solid red;
}
.personalinformation_footer
{
    background: url(../images/personalinformation_footer.gif) left top no-repeat;
    height: 8px;
    width: 927px;
}
a.editdetail_btn
{
    background: url(../images/editdetail_left_btn.gif) left center no-repeat;
    padding-left: 6px;
    float: left;
    height: 22px;
    cursor: hand;
}
a.editdetail_btn span
{
    background: url(../images/editdetail_right_btn.gif) right center no-repeat;
    height: 17px;
    color: #fff;
    padding-right: 6px;
    padding-top: 5px;
    float: left;
    line-height: 12px;
    font-size: 11px;
}
a:hover.editdetail_btn span
{
    color: #FC6;
}
/*============================================= AddNewPassenger ===============================================*/
.one_left a
{
    background: url(../images/one_left.gif) left top no-repeat;
    float: left;
    height: 33px;
    padding-left: 18px;
    font-size: 13px;
    color: #777777;
    font-weight: bold;
}
.two_left a
{
    background: url(../images/two_left.gif) left top no-repeat;
    float: left;
    height: 33px;
    padding-left: 22px;
    font-size: 13px;
    color: #777777;
    font-weight: bold;
    margin-left: -3px;
}
.one_right a span
{
    background: url(../images/one_right.gif) right top no-repeat;
    line-height: 18px;
    padding: 8px 15px 7px 0;
    float: left;
}
.one_left a:hover
{
    background-position: left bottom;
    background-repeat: no-repeat;
}
.one_left a.activated
{
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #000000;
}
.one_left a:hover span
{
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #000000;
}
.one_left a.activated span
{
    background-position: right bottom;
    background-repeat: no-repeat;
}
.two_left a:hover
{
    background-position: left bottom;
    background-repeat: no-repeat;
}
.two_left a.activated
{
    background-position: left bottom;
    background-repeat: no-repeat;
}
.two_left a:hover span
{
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #000000;
}
.two_left a.activated span
{
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #000000;
}
/*============================================= MyTrips ===============================================*/
a.edit_left_btn
{
    background: url(../images/edit_gray_left.gif) left center no-repeat;
    padding-left: 7px;
    float: left;
    height: 22px;
    cursor: hand;
}
a.edit_left_btn span
{
    background: url(../images/edit_gray_right.gif) right center no-repeat;
    height: 17px;
    color: #fff;
    padding-right: 10px;
    padding-top: 5px;
    float: left;
    line-height: 12px;
    font-size: 11px;
}
a:hover.edit_left_btn span
{
    color: #333;
}
/*============================================= createnewtrip ===============================================*/
.yellow_box {
background-color:#FFFFE6;
border:1px solid #FFCC00;
padding:5px 10px;
}
.greyfont {
color:#888888;
}
.create_info span
{
    margin: 10px 5px;
    width: 67%;
}
.create_info
{
    width: 70%;
    margin: 20px;
    float: left;
}
.create_info label
{
    float: left;
    font-weight: bold;
    margin: 7px 0;
    width: 20%;
}
a.display_tips
{
    position: relative;
    text-decoration: none;
}
a.display_tips div
{
    display: none;
}
a.display_tips:hover
{
    z-index: 25;
}
a.display_tips:hover div.tooltip
{
    display: block;
    position: absolute;
    top: -30px;
    left: 65px;
    text-align:left;
}
a.display_tips:hover div.tooltip div.top
{
    display: block;
    filter: alpha(opacity:70);
    khtmlopacity: 0.70;
    mozopacity: 0.70;
    opacity: 0.70;
    background-color: #000;
    color: #fff;
    font-size: 11px;
    font-weight: normal;
    z-index: 24;
    margin: 0;
    padding: 2px 5px;
    min-width: 150px;
    width: 150px; 
}
a.display_tips:hover div.tooltip div.bottom
{
    background: #fff url(../images/tips_arrow.gif) left top no-repeat;
    height: 9px;
    display: block;
    clear: both;
    margin: 0;
    padding: 0;
    width: 11px;
}
/*============================================= myaccount_pop ===============================================*/
.MyAccount_pop
{
    width: 900px;
    position: absolute;
    left: 85px;
    top: 150px;
    z-index: 999;
}
.MyAccount_r
{
    left: 50%;
    margin-left: -450px;
    top: 5%;
    position: fixed;
}
*html .MyAccount_r
{
    position: absolute;
    left: 5%;
    top: 5%;
}
.MyAccount_pop_top
{
    background: url(../images/MyAccount_pop_top.gif) 50% 50% no-repeat;
    height: 17px;
    width: 900px;
}
.MyAccount_pop_mid
{
    background: url(../images/MyAccount_pop_mid.gif) 50% 50% repeat-y;
    padding: 10px 5px 20px 35px;
    width: 860px;
    z-index: 999;
}
.MyAccount_pop_box
{
    padding: 10px 25px 20px 35px;
    width: 840px;
}
.MyAccount_pop_footer
{
    background: url(../images/MyAccount_pop_footer.gif) 50% 50% no-repeat;
    height: 17px;
    width: 900px;
}
/*============================================= events_added ===============================================*/
.addedit_btn a
{
    background: url(../images/addedit_left.gif) left top no-repeat;
    float: left;
    height: 27px;
    padding-left: 18px;
    font-size: 14px;
    color: #fff;
    font-weight: bold;
}
.addedit_btn a span
{
    background: url(../images/addedit_right.gif) right top no-repeat;
    line-height: 24px;
    float: left;
    height: 25px;
    padding: 0px 10px 2px 0;
}
.addedit_btn a:hover
{
    background-position: left bottom;
    background-repeat: no-repeat;
}
.addedit_btn a.activated
{
    background-position: left bottom;
    background-repeat: no-repeat;
}
.addedit_btn a:hover span
{
    background-position: right bottom;
    background-repeat: no-repeat;
}
.addedit_btn a.activated span
{
    background-position: right bottom;
}
.sticky_line
{
    clear: both;
    margin-top: 1px;
    position: relative;
    margin-bottom: 10px;
}
.Page a
{
    color: #555;
    padding: 1px 5px;
    text-decoration: none;
    text-decoration: underline;
}
.Page a:hover
{
    text-decoration: none;
    color: #000;
}
.Page a.activated
{
    background-color: #23829d;
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
/*============================================= events page ===============================================*/
ul.event_list
{
    width: 100%;
}
ul.event_list li
{
    list-style: none;
    display: block;
    padding: 12px 10px;
    margin-bottom: 10px;
}
.event_box
{
    width: 690px;
}
.border_white_top
{
    border: 2px solid #fff;
}
.background_yellow
{
    background-color: #fffee0;
}
.background_gray
{
    background-color: #f5f5f5;
}
/*====================================== flightInformation page  ==============================================*/
a.edit_orange_rightbtn
{
    background: url(../images/edit_orange_leftbtn.gif) left center no-repeat;
    padding-left: 9px;
    float: left;
    height: 22px;
    cursor: hand;
}
a.edit_orange_rightbtn span
{
    background: url(../images/edit_orange_rightbtn.gif) right center no-repeat;
    height: 17px;
    color: #fff;
    padding-right: 10px;
    padding-top: 5px;
    float: left;
    line-height: 12px;
    font-size: 11px;
}
a:hover.edit_orange_rightbtn span
{
    color: #fff21f;
}
.Information_bg
{
    background: #fff url(../images/Information_bg.gif) left bottom no-repeat;
    padding-bottom: 20px;
}
.hilite
{
    background-color: #fffdc4;
    color: #666;
}
.table_header
{
    background-color: #dcf5f1;
    font-size: 11px;
    color: #346E8C;
}
/*============================================= TripSummary page ===============================================*/
label
{
    width: 60px;
    font-weight: bold;
    float: left;
}
.subtotal
{
    background: url(../images/sub_total_bg.gif) left top repeat-x;
    text-align: right;
    padding: 10px;
    font-weight: bold;
    margin: 10px 0 20px 0;
}
.width360
{
    width: 360px;
}
.total
{
    background-color: #177d00;
    text-align: right;
    padding: 3px 10px;
    margin-top: 20px;
}
.White
{
    color: #fff;
}
/*==============================================reports page =========================*/
a.Report
{
    width: 200px;
    float: left;
    color: #2065a6;
}
a.Report:hover
{
    text-decoration: underline;
}
/*============================================= EditEvent ===============================================*/
.ScheduleBox
{
    float: left;
    width: 33%;
}
.ScheduleBox_R
{
    float: right;
    width: 28%;
}
.ScheduleBox_L label
{
    float: left;
    width: 38%;
    text-align: right;
    margin: 0 0 5px 0;
    font-weight: bold;
}
.ScheduleBox span
{
    margin: 10px 5px;
    width: 67%;
}
table.Schedule_Ta td
{
    padding: 5px 15px;
}
table tr.Schedule td
{
    padding: 5px 15px;
}
.Check_Info
{
    height: 100px;
    overflow-y: scroll;
    font-size: 11px;
}
.TableText label
{
    float: none;
    margin-left: 3px;
}
/*========== ================*/
.bookings
{
    width: 626px;
}
.bookings_mid
{
    background-color: #d6ffc9;
    padding: 10px 10px 2px;
    border: 1px solid #ace29b;
    border-bottom: none;
}
.bookings_footer
{
    background: url(../images/flightfooter.gif) left top no-repeat;
    height: 18px;
    width: 626px;
}
ul.Infonote li
{
    width: 185px;
    float: left;
    list-style: none;
    font-size: 11px;
    margin: 0 10px 5px 0;
    height: 40px;
}
ul.Infonote li p
{
    margin-bottom: 0;
}
ul.flightbtn
{
    margin-bottom: -1px;
    float: left;
}
ul.flightbtn li
{
    list-style: none;
    float: left;
}
ul.flightbtn li a
{
    background: url(../images/flightleft.gif) left top no-repeat;
    height: 35px;
    float: left;
    padding-left: 17px;
    margin-bottom: -1px;
}
ul.flightbtn li a span
{
    background: url(../images/flightright.gif) right top no-repeat;
    color: #666;
    padding-right: 18px;
    float: left;
    font-weight: bold;
    line-height: 30px;
    height: 35px;
    cursor: hand;
}
ul.flightbtn li a.hotelbtn span
{
    _padding-top: 5px;
    _height: 30px;
}
ul.flightbtn li a:hover, ul.flightbtn li a.activated
{
    background-position: left bottom;
    background-repeat: no-repeat;
    color: #006a11;
}
ul.flightbtn li a:hover span, ul.flightbtn li a.activated span
{
    background-position: right bottom;
    background-repeat: no-repeat;
    color: #006a11;
}
.Low
{
    background: url(../images/low.gif) left top no-repeat;
    width: 315px;
    padding: 23px 0 0 0;
    font-size: 11px;
    margin-bottom: 20px;
}
.RoomBox
{
    width: 170px;
    border: 1px solid #1d9420;
    padding: 5px;
    background-color: #fff;
    font-size: 10px;
}
/*============================================= footer ===============================================*/
.footer
{
    height: 10px;
    color: #003469;
    font-size: 11px;
    width: 1000px;
    margin-left: 33px;
    padding: 15px 0;
}
.footer a
{
    color: #003469;
    text-decoration: underline;
}
.footer a:hover
{
    text-decoration: none;
}
/*============================================= Migrated from edmc for tariff ===============================================*/

.tariff_select_bg
{
    background-image: url(../images/tariff_select_bg.gif);
    width: 929px;
    height: 25px;
    padding: 8px 10px;
    font-weight: bold;
    margin: 8px 0 0 0;
}
.event_left
{
    width: 250px;
    float: left;
    background-image: url(../images/side_col_bg2.gif);
    background-position: right top;
    background-repeat: no-repeat;
}
.font13
{
    font-size: 13px;
}
.blackfont
{
    color: #000;
}
.quick_access
{
    background-image: url(../images/quick_access_bg_l.gif);
    background-repeat: no-repeat;
    background-position: left center;
    width: 10px;
    height: 33px;
}
.FeaturedEvents_icon
{
    background: url(/images/star_orange_icon.gif) left top no-repeat;
    height: 22px;
    float: left;
    padding: 10px 0 0 20px;
    color: #FF6C00;
    font-weight: bold;
}
.width65
{
    width: 65%;
}
.icon_button_arrow_orange
{
    background: url(../images/icon_button_arrow_orange.gif) left center no-repeat;
    height: 10px;
    padding-left: 10px;
    color: #FF6C00;
    font-weight: bold;
    margin-bottom: 5px;
}
.event_right
{
    padding-left: 10px;
    width: 690px;
    float: left;
}
.createnew_flash
{
    background: url(../images/event_flash_bg.gif) no-repeat;
    width: 696px;
    height: 401px;
    clear: both;
    margin-bottom: 20px;
    text-align: center;
    padding-top: 6px;
}
ul.event_blue_bg
{
    background: url(../images/activites_bg.gif) no-repeat;
    float: left;
    width: 688px;
    margin-bottom: 15px;
}
ul.event_blue_bg li
{
    list-style: none;
    display: block;
    float: left;
    height: 29px;
    line-height: 28px;
}
ul.event_blue_bg li a
{
    color: #8EE6F0;
    height: 29px;
    float: left;
    text-decoration: none;
    padding-left: 15px;
    font-weight: bold;
    cursor: hand;
}
ul.event_blue_bg li a span
{
    padding-right: 28px;
    float: left;
    padding-left: 16px;
    line-height: 28px;
}
ul.event_blue_bg li a:hover span
{
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}
ul.event_blue_bg li a.Activated
{
    background: url(../images/blue_left.gif) left top no-repeat;
    cursor: hand;
}
ul.event_blue_bg li a.Activated span
{
    background: url(../images/blue_right.gif) right top no-repeat;
    color: #fff;
    line-height: 28px;
    height: 29px;
}
Activated .paddingleft10
{
    padding-left: 10px;
}
.table_padding
{
    padding: 5px 10px;
}
.blackfont
{
    color: #000;
}
.paddingtl
{
    padding-top: 10px;
    padding-left: 10px;
}
.ajax_box_mid_wide_content_top
{
    background-color: #AEECF6;
    width: 100%;
    height: 35px;
}
.ajax_box_wide
{
    position: fixed;
    _position: absolute;
    left: 50%;
    top: 15%;
    margin-left: -390px;
    width: 780px;
    height: auto;
    z-index: 1000;
}
.ajax_box_top_wide
{
    display: block;
    width: 770px;
    height: 12px;
    background-image: url(../images/ajax_shadow_top_wide.png) !important;
    background-image: none;
    background-repeat: no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ajax_shadow_top_wide.png' ,sizingMethod= 'scale' );
}
.ajax_box_mid_wide
{
    position: relative;
    width: 746px;
    display: block;
    padding: 0px 12px;
    background-image: url(../images/ajax_shadow_mid_wide.png);
    background-repeat: repeat-y;
    border: 0px;
    height: auto;
    float: left;
}
.ajax_box .closex, .ajax_box_wide .closex
{
    float: right;
    margin: 5px 10px 0 0 !important;
    margin: 5px 5px 0 0;
    font-size: 1.2em;
    font-weight: bold;
    color: #F00;
}
.ajax_box .closex a:link, .ajax_box .closex a:visited, .ajax_box_wide .closex a:link, .ajax_box_wide .closex a:visited
{
    color: #888;
    text-decoration: none;
}
.ajax_box .closex a:hover, .ajax_box .closex a:active, .ajax_box_wide .closex a:hover, .ajax_box_wide .closex a:active
{
    color: #222;
    text-decoration: none;
}
.pou_flash_bg
{
    /*background:url(../images/pop_flash_bg.gif) left top repeat-x;*/
    background: url(../images/CreateNew_pop_bg.gif) left top repeat-x;
    text-align: center; /*padding:20px 0 0 0; 	height:385px;*/
    height: 385px;
}
.ajax_box_bot_wide
{
    clear: both;
    display: block;
    width: 770px;
    height: 12px;
    background-image: url(../images/ajax_shadow_bot_wide.png) !important;
    background-image: none;
    background-repeat: no-repeat;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/ajax_shadow_bot_wide.png' ,sizingMethod= 'scale' );
}
.bluefont
{
    color: #0167b4;
}
.event_right h3.event_title
{
    font-weight: bold;
    color: #ff6c00;
    margin: 5px 0;
}
.event_tab
{
    border-bottom: 1px #ccc dotted;
    text-align: right;
    float: left;
    width: 689px;
    margin: 0 0 10px 0;
    font-weight: bold;
}
.event_des
{
    height: 350px;
    overflow-y: scroll;
    width: 100%;
    clear: both;
}
.center
{
    text-align: center;
}
.menulist_title
{
    font-size: 14px;
    font-weight: bold;
    color: #010000;
    margin-bottom: 10px;
}
.event_list_edmc
{
    width: 85%;
    height: 350px;
    overflow-y: scroll;
    padding-right: 10px;
}
.event_list_edmc ul li
{
    list-style: none;
    border-bottom: 1px #ddd dotted;
    padding: 8px 0;
    float: left;
    width: 100%;
    color: #999;
    font-size: 11px;
}
a.view_blue_btn
{
    background: transparent url(../images/view_blue_left_btn.gif) no-repeat scroll left top;
    float: left;
    height: 20px;
    padding-left: 5px;
}
a.view_blue_btn span
{
    background: url(../images/view_blue_right_btn.gif) right top no-repeat;
    float: left;
    font-size: 10px;
    color: #000;
    height: 20px;
    padding-right: 5px;
    padding-top: 4px;
}
a.view_blue_btn:hover
{
    text-decoration: none;
}
.event_table_img
{
    border: 1px solid #A2A2A2;
    margin-right: 5px;
    float: left;
}


/*============================================= Added By Roger Jan.8, 2009===============================================*/

.search_tips
{
    width: 134px;
    position: absolute;
    z-index: 100;
    clear:both;
    float:none;
}
/*
.search_tips ul
{
    background-color: #cdedff;
    position: absolute; 
    filter: alpha(opacity=80); 
    -moz-opacity: 0.8; 
    opacity: 0.8; 
    border-bottom: 1px #0167b4 solid;
    z-index: 100;
}
*/
.search_tips ul li
{
    clear:both;
    float:none;
    border: 1px #0167b4 solid;
    list-style: none; /*padding:2px 5px;*/
    color: #0167b4;
    font-size: 11px;
    border-bottom: 0;
    font-weight: normal;
    margin: 0px;
    height: 24px;
    padding-left: 8px;
    width: 134px;
}

.search_tips ul li:hover
{
    clear:both;
    float:none;
    background-color:#0167b4;
    color: white;
}

.search_tips ul li:hover a
{
    color: white;
}
/*============================================= Migrated from edmc for take a tour ===============================================*/
.tour_title
{
    font-size: 16px;
    font-weight: bold;
    color: #0167B4;
    padding-top: 20px;
}
.request_video_bg
{
    background: url(../images/request_video_bg.gif) no-repeat;
    height: 439px;
    width: 939px;
    margin-top: 8px;
    padding: 20px 0 0 17px;
    color: #333;
    margin-bottom: 45px;
}
.request_video_bg input
{
    border-top: 1px solid #ABADB3;
    border-right: 1px solid #DBDFE6;
    border-bottom: 1px solid #E3E9EF;
    border-left: 1px solid #E2E3EA;
}

.marginright100
{
    margin-right: 100px;
}
.marginleft45
{
    margin-left: 45px;
}
.Dotted_line
{
    border-top: 1px dotted #C2D8EA;
    border-bottom: 1px dotted #C2D8EA;
    background-color: #EFF8FE;
    margin: 10px 0 0 0; 
    *margin-top:-50px;
    padding:35px 0 20px 20px;
    height:270px;
}
.ListStep
{
    position: absolute;
}
.ListStep li
{
    background: url(../images/request_step_bg.gif) no-repeat;
    list-style: none;
    width: 168px;
    height: 244px;
    margin-right: 18px;
    float: left;
    line-height: 18px;
    position: relative;
    z-index: 0;
}
.ListStep_title
{
    color: #FF6C00;
    font-weight: bold;
    font-size: 20px;
    padding: 8px 0 3px 55px;
}
.center
{
    text-align: center;
}
.Title_II
{
    font-size: 15px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
.TipsInformation
{
    color: #333;
    margin-top: 5px;
    width: 85%;
    margin-left: 20px;
}
.arrow_green
{
    position: absolute;
    margin-left: -30px;
    z-index: 100;
    top: 100px;
}
.request_tour_icon
{
    background: url(../images/request_tour_icon.gif) left center no-repeat;
    height: 6px;
    padding-left: 15px;
    margin-top: 3px;
}
.availableDateCell
{
    border: 2px solid #59a8c8;
}
.VideoBox {
padding-bottom:8px;

}