/* Config */
html, body { padding: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; }
#footer { }
/* AD */
#adTop { z-index: 200; text-align: center; padding-top: 30px; display: none; position: absolute; margin-left: 300px; margin-top: 10px; width: 290px; height: 50px; }
#adLeft { z-index: 200; text-align: center; padding-top: 10px; display: none; position: absolute; margin-top: 300px; width: 100px; height: 150px; }
#adRight { z-index: 200; text-align: center; padding-top: 10px; display: none; position: absolute; margin-left: 780px; margin-top: 300px; width: 100px; height: 150px; }
/* FB Login */
#fb_login_area { z-index: 300; text-align: center; position: absolute; margin-left: 615px; margin-top: 105px; width: 250px; height: 30px; }
#fb_like { text-align: center; position: absolute; margin-left: 605px; margin-top: 145px; width: 100px; height: 30px; border: 0px solid; }
.alertResult { margin-top: 100px; font-family: Verdana; font-size: 12px; color: #FC0000; }
/* Div mother */
#frame { position: absolute; width: 900px; height: 900px; left: 50%; margin-left: -450px; }
/* Page */
#page { position: relative; display: table; width: 900px; }
#page ul { display: table-row; }
#page li { display: table-cell; list-style: none; }
/* Page Top */
#top { position: relative; height: 100px; }
/* Page Logo */
#logo_image { z-index: 200; text-align: center; padding-top: 30px; position: absolute; margin-top: 10px; width: 290px; }
#logo { float: left; position: relative; margin-top: 20px; width: 220px; }
#logo_admin { position: relative; margin-top: 0px; }
.logoLink { text-decoration: none; font-family: Arial Black; font-size: 40px; letter-spacing: -3px; color: #000000; }
/* Login area */
#form_login { position: relative; height: 80px; float: left; margin-left: 400px; margin-top: 20px; text-align: right; }
#form_login_load { z-index: 10; background-image: url("../images/back_loading.gif"); position: absolute; width: 300px; height: 90px; padding-top: 30px; margin-left: 600px; margin-top: 20px; text-align: center; }
#left { text-align: left; }
#right { text-align: right; }
.formLogin { color: #37709B; font-family: Verdana; font-size: 12px; }
.formLogin_input { font-family: Verdana; background-color: #F0F0F0; font-size: 12px; width: 160px; height: 20px; border: 1px solid #999999; margin-left: 10px; margin-top: 5px; padding: 5px; -moz-border-radius: 7px; border-radius: 5px; }
.formLogin_input_al { font-family: Verdana; background-color: #FFE5E5; margin-left: 10px; font-size: 12px; width: 160px; height: 20px; border: 1px solid #CC0000; margin-top: 5px; padding: 5px; -moz-border-radius: 7px; border-radius: 5px; }
.formLogin_input_p { font-family: Verdana; background-color: #F0F0F0; font-size: 12px; width: 120px; height: 20px; border: 1px solid #999999; margin-left: 10px; margin-top: 5px; padding: 5px; -moz-border-radius: 7px; border-radius: 5px; }
.formLogin_input_p_al { font-family: Verdana; background-color: #FFE5E5; margin-left: 10px; font-size: 12px; width: 120px; height: 20px; border: 1px solid #CC0000; margin-top: 5px; padding: 5px; -moz-border-radius: 7px; border-radius: 5px; }
.submit { height: 34px; margin-bottom: -12px; margin-left: 7px; }
.remember { font-family: Arial; font-size: 10px; text-decoration: underline; margin-left: 15px; color: #999999; }
/* Timeline */
#info { color: #2B6793; position: relative; font-family: Arial; height: 37px; font-size: 30px; top: 30px; letter-spacing: -1px; }
#line { color: #F2BD68; float: left; z-index: 1; display: block; position: relative; margin-left: 200px; top: 15px; width: 700px; height: 1px; background-color: #F2BD68; }
#line_1_on { color: #2B6793; float: left; z-index: 2; text-align: center; display: block; position: relative; font-family: Arial; font-size: 22px; padding-top: 10px; margin-left: 260px; margin-top: -10px; width: 40px; height: 37px; background-color: #F0F0F0; border: 1px solid #2B6793; -moz-border-radius: 7px; border-radius: 5px; }
#line_1 { color: #F2BD68;float: left; z-index: 2; text-align: center; display: block; position: relative; font-family: Arial; font-size: 18px; padding-top: 5px; padding-bottom: 2px; margin-left: 260px; top: 0px; width: 30px; height: 25px; background-color: #F0F0F0; border: 1px solid #F2BD68; -moz-border-radius: 7px; border-radius: 5px; }
#line_2 { color: #F2BD68; float: left; z-index: 2; text-align: center; display: block; position: relative; font-family: Arial; font-size: 18px; padding-top: 5px; padding-bottom: 2px; margin-left: 20px; margin-top: 0px; width: 30px; height: 25px; background-color: #F0F0F0; border: 1px solid #F2BD68; -moz-border-radius: 7px; border-radius: 5px; }
#line_2_on { color: #2B6793; float: left; z-index: 2; text-align: center; display: block; position: relative; font-family: Arial; font-size: 22px; padding-top: 10px; padding-bottom: 0px; margin-left: 20px; margin-top: -10px; width: 40px; height: 37px; background-color: #F0F0F0; border: 1px solid #000000; -moz-border-radius: 7px; border-radius: 5px; }
#line_3 { color: #F2BD68; float: left; z-index: 2; text-align: center; display: block; position: relative; font-family: Arial; font-size: 18px; padding-top: 5px; padding-bottom: 2px; margin-left: 20px; margin-top: 0px; width: 30px; height: 25px; background-color: #F0F0F0; border: 1px solid #F2BD68; -moz-border-radius: 7px; border-radius: 5px; }
#line_3_on { color: #2B6793; float: left; z-index: 2; text-align: center; display: block; position: relative; font-family: Arial; font-size: 22px; padding-top: 10px; padding-bottom: 0px; margin-left: 20px; margin-top: -10px; width: 40px; height: 37px; background-color: #F0F0F0; border: 1px solid #000000; -moz-border-radius: 7px; border-radius: 5px; }
/* Content */
#information { color: #37709B; width: 550px; text-align: left; margin-left: 200px; margin-top: 20px; position: relative; font-family: Verdana; font-size: 12px; }
#content { position: relative; display: table; text-align: center; top: 40px; width: 100%; }
#search_1 { position: relative; width: 600px; margin-top: 5px; display: block; margin-left: 210px; text-align: center; }
#search_1 li { vertical-align: top; }
#search_2 { position: relative; width: 600px; display: block; margin-left: 210px; text-align: center; margin-top: 5px; }
.link_sc1 { font-family: Arial; font-size: 10px; text-decoration: underline; margin-left: 1px; color: #999999; }
.link_sc2 { font-family: Arial; font-size: 10px; text-decoration: underline; margin-left: 190px; color: #999999; }
.title { font-family: Arial; color: #F00000; font-size: 20px; margin-top: 30px; }
.formContent_search { display: inline; line-height: 30px; vertical-align:middle; text-align: center; color: #666666; font-style: italic; font-family: Verdana; background-color: #F0F0F0; font-size: 12px; width: 230px; height: 30px; border: 1px solid #999999; -moz-border-radius: 7px; border-radius: 5px; }
.formContent_date { font-weight: normal; text-align:center; height: 30px; margin-left: 4px; font-family: Verdana; font-size: 12px; width: 80px; height: 10px; margin-top: 0px; color: #666666; }
.formContent_date:hover { text-align:center; height: 30px; margin-left: 4px; font-family: Verdana; font-size: 12px; width: 80px; height: 10px; margin-top: 0px; color: #FFFFFF; }
.clear { margin-top: 50px; }
#pixel_home { height: 10px; }
.formContent_search_al { color: #CC0000; font-family: Verdana; background-color: #FFE5E5; font-size: 12px; width: 230px; height: 30px; border: 1px solid #CC0000; margin-top: 0px; -moz-border-radius: 7px; border-radius: 5px; }
#search_box1_load { z-index: 100000; background-image: url("../images/back_loading.gif"); position: absolute; width: 550px; height: 180px; padding-top: 250px; margin-left: 180px; margin-top: 360px; text-align: center; }
#search_result_load { z-index: 10; position: absolute; background-color: #CCCCCC; width: 50px; height: 20px; padding-top: 8px; margin-left: 665px; margin-top: 371px; text-align: center; }
/* Alert */
.alert { color: #999999; font-family: verdana; font-size: 16px; padding: 10px; margin-top: 10px; position: relative; display: block; width: 880px; height: 24px; background-color: #F0F0F0; border: 1px solid #CCCCCC; }
.alert_red { color: #CC0000; text-align: center; font-family: verdana; font-size: 16px; padding: 10px; margin-top: 10px; position: relative; display: block; width: 880px; height: 24px; background-color: #FFE5E5; border: 1px solid #CC0000; }
.alertImg { margin-right: 10px; }
.alertLink { color: #666666; font-family: verdana; font-size: 16px; text-decoration: underline; }
.alertLink_red { color: #CC0000; font-family: verdana; font-size: 16px; text-decoration: underline; }
/* User */
#register { position: relative; display: block; margin-top: 50px; width: 700px; margin-left: 250px; }
#email_used { font-family: Verdana; font-size: 10px; color: #C00000; font-style: bold; }
#password_match { font-family: Verdana; font-size: 10px; color: #C00000; font-style: bold; margin-left: 10px; }
.formUser { font-family: Verdana; font-size: 12px; }
.formUserReg { font-family: Verdana; background-color: #F0F0F0; margin-left: 10px; font-size: 12px; width: 200px; height: 20px; border: 1px solid #999999; margin-top: 5px; padding: 5px; -moz-border-radius: 7px; border-radius: 5px; }
.formUserReg_al { font-family: Verdana; background-color: #FFE5E5; margin-left: 10px; font-size: 12px; width: 200px; height: 20px; border: 1px solid #CC0000; margin-top: 5px; padding: 5px; -moz-border-radius: 7px; border-radius: 5px; }
.example { font-family: Verdana; font-size: 10px; color: #CCCCCC; }
#space { height: 50px; }
.link { font-family: Verdana; font-size: 12px; text-decoration: underline; margin-left: 1px; color: #000000; }
.link2 { cursor: pointer; font-family: Verdana; font-size: 10px; text-decoration: underline; margin-left: 1px; color: #000000; }
#email_used { margin-left: 10px; }
#register_core { color: #CC0000; font-family: verdana; font-size: 16px; margin-left: -300px; }
#backIn { margin-left: -300px; }
/* Prev Next */
#prevnext { position: relative; display: block; top: 40px; margin-left: 200px; width: 500px; height: 200px; }
#prevnext li { width: 450px; }
.pn_link { font-family: Verdana; font-size: 20px; color: #000000; text-decoration: underline; }
.pn_link_null { font-family: Verdana; font-size: 20px; color: #CCCCCC; text-decoration: underline; }
/* Search Result */
#noSearchResult { font-family: Verdana; font-size: 20px; width: 600px; margin-top: 50px; margin-left: 150px; }
#topSearchResult { width: 600px; margin-top: 50px; margin-left: 150px; }
#topSearchResult li { width: 120px; }
.topSearchResult { font-family: Verdana; font-size: 16px; }
.topSearchResult2 { font-family: Verdana; font-size: 10px; }
.contentSearchResult { font-family: Verdana; font-size: 10px; margin-top: 20px; }
#contentSearchResult { width: 600px; margin-top: 5px; margin-left: 150px; border: 1px solid #000000; }
#contentSearchResult li { width: 120px; }
#col1 { background-color: #F0F0F0; height: 30px; }
#col2 { background-color: #CCCCCC; height: 30px; }
.linkSearchResult { color:#000000; font-family: Verdana; font-size: 10px; margin-top: 20px; text-decoration: underline; }
/* Notification */
#notification { width: 100%; }
#notification li { text-align: left; }
#notification ul { height: 25px; }
.titleNotification { font-family: Arial Black; font-size: 12px; color: #C00000; }
.textNotification { font-family: Verdana; font-size: 14px; }
.textNotification_s { font-family: Verdana; font-size: 10px; }
.linkNotification { font-family: Verdana; font-size: 12px; color: #C00000; text-decoration: none; }
.linkNotification2 { font-family: Verdana; font-size: 10px; color: #C00000; text-decoration: underline; margin-left: 240px; }
.textareaContact { width: 500px; height: 100px; font-size: 10px; font-family: Verdana; }
.remove { padding-right: 10px }
#imp_login { visibility: hidden; z-index: 10; position: absolute; width: 680px; height: 300px; background-image: url("../images/import_back.png"); }
#imp_submit { cursor: pointer; }
#imp_all { cursor: pointer; }
/* All of Contacts page */
.titleContact { font-family: Arial Black; font-size: 22px; color: #000000; }
.titleTbl { font-family: Arial; font-size: 12px; color: #000000; }
.contact_p { font-family: Verdana; background-color: #F0F0F0; font-size: 12px; width: 120px; height: 20px; border: 1px solid #999999; margin-top: 5px; padding: 5px; -moz-border-radius: 7px; border-radius: 5px; }
.contact_p_al { font-family: Verdana; background-color: #FFE5E5; font-size: 12px; width: 120px; height: 20px; border: 1px solid #CC0000; margin-top: 5px; padding: 5px; -moz-border-radius: 7px; border-radius: 5px; }
.txtContact { font-family: Verdana; font-size: 14px; color: #000000; }
.code { font-style: italic; color: #999999; width: 60px; text-align: center; border: 1px solid #999999; background-color: #F0F0F0; margin-top: 5px; padding: 5px; -moz-border-radius: 7px; border-radius: 5px; }
.code_al { font-style: italic; color: #CC0000; width: 60px; text-align: center; border: 1px solid #CC0000; background-color: #FFE5E5; margin-top: 5px; padding: 5px; -moz-border-radius: 7px; border-radius: 5px; }
.validated { font-family: Verdana; font-size: 12px; color: #009900; }
/* Payment Results */
#alert_payment { font-family: Verdana; color: #F00000; font-size: 18px; }
#alert_payment { font-family: Verdana; color: #000000; font-size: 18px; }
/* Dropdown Option */
#search_2 li { vertical-align: top; }
#marginLeft { padding-left: 4px; }
#marginLeft li { vertical-align: middle; }
#dropDown_airline { display: inline-block; }
.buttons { padding-top: 0px;}
.buttons li { height: 31px; line-height: 31px; display: inline-block; width: 230px; background-color: #F0F0F0; border:1px solid #999999; -moz-border-radius: 7px; border-radius: 5px; list-style-type: none; }
.buttons li:hover { background:url(../images/button_over.png) repeat-x left;}
.buttons li a { color: #666666; text-decoration: none; }
.buttons li a:hover { color:white }
.dropDownMenu { color: #666666; height: 100px; overflow: scroll; overflow-x: hidden;-ms-overflow-x: hidden; width: 220px; margin-top: 13px; display:none; position:absolute; z-index:100; background:#F7F7F7; padding:5px; font-size:12px; border:1px solid #CCCCCC; -moz-border-radius: 7px; border-radius: 5px; }
.dropDownMenu .optionCheckbox { width: 220px; font-family: Verdana; font-size: 12px; padding:2px;}
.dropDownMenu .optionCheckbox:hover { background: #999999; color:white}
.dropDownMenu .optionCheckbox img { margin-right:3px;}
#tooltip {
padding: 5px 10px;
background: #FFFFFF;
font-family: Verdana;;
font-size: 12px;
border: 1px solid #b2bdc3;
opacity: 0.90;
}