Created
April 26, 2011 12:45
-
-
Save perifer/942197 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* $Id: styles.css,v 1.2 2008/01/16 11:45:00 fha Exp $ */ | |
body { | |
padding: 33px 0 0 0; | |
margin: 0; | |
background: #fff url(bg_top00.gif) 0 0 no-repeat; | |
color: #333; | |
font: 12px arial, helvetica, verdana, sans-serif; | |
position: relative; | |
} | |
#main, form#logoutform, form#managepnrform { | |
margin-left: 10px; | |
} | |
hr | |
{ | |
float: left; | |
clear: both; | |
line-height: 0px; | |
background: #ccc; | |
height: 1px; | |
width: 100%; | |
border: 0px none; | |
margin-top: 0px; | |
margin-bottom: 0px; | |
} | |
h1{ | |
font-family: Arial,sans-serif; | |
font-size: 12px; | |
font-weight: bold; | |
color: #333; | |
margin: 0 0 0 0; | |
padding: 0 0 0 0; | |
} | |
h2{ | |
font-family: Arial,sans-serif; | |
font-size: 12px; | |
font-weight: bold; | |
color: #666; | |
margin: 0 0 0 0; | |
padding: 0 0 0 0; | |
text-decoration: none; | |
} | |
p{ | |
font-family: Arial,sans-serif; | |
font-size: 12px; | |
font-weight: normal; | |
color: #666; | |
margin: 0 0 0 0; | |
padding: 0 0 0 0; | |
} | |
small{ | |
font-family: Arial,sans-serif; | |
font-size: 10px; | |
font-weight: normal; | |
color: rgb(51, 51, 51); | |
margin: 0 0 0 0; | |
padding: 0 0 0 0; | |
} | |
img | |
{ | |
border: 0; | |
} | |
table | |
{ | |
color: #666; | |
font: 12px arial, helvetica, verdana, sans-serif; | |
border-collapse: collapse; | |
border-spacing: 0; | |
} | |
#main { | |
width: 694px; | |
display: block; | |
position: relative; | |
float: left; | |
} | |
#top_wide { | |
width: 970px; | |
position: relative; | |
margin-top: -13px; | |
margin-right: -270px; | |
margin-bottom: 10px; | |
overflow: hidden; | |
padding: 0 0 5px 0; | |
border-bottom: 1px solid #ccc; | |
} | |
#topleft | |
{ | |
width: auto; | |
float: left; | |
margin-left: 0px; | |
} | |
#logo { | |
margin-left: 30px; | |
border: none; | |
float: left; | |
} | |
* html #logo { | |
margin-left: 15px; /* IE6 double margin */ | |
} | |
#steps { | |
position: absolute; | |
left: 200px; | |
top: 3px; | |
width: 700px; | |
text-align: left; | |
} | |
*+html #steps { | |
left: 230px; | |
width: 670px; | |
} | |
* html #steps { | |
left: 230px; | |
width: 670px; | |
} | |
* html #steps #breadcrums { | |
padding-left: 10px; | |
} | |
#steps_narrow { | |
position: absolute; | |
left: 200px; | |
top: 3px; | |
width: 495px; | |
text-align: center; | |
} | |
/* IE7 */ | |
*+html #steps_narrow { | |
top: 12px; | |
} | |
/* IE6 */ | |
* html #steps_narrow { | |
top: 12px; | |
} | |
*:first-child+html #steps { | |
top: 12px; | |
} | |
* html #steps { | |
top: 12px; | |
} | |
#breadcrums { | |
text-transform: uppercase; | |
font-weight: bold; | |
color: #333; | |
list-style-type: none; | |
margin-left: -40px; | |
} | |
#breadcrums li { | |
/* float: left; */ | |
display: inline; | |
background: transparent; | |
margin-left: 30px; | |
} | |
#breadcrums li span { | |
margin-right: 5px; | |
} | |
#breadcrums_selected { | |
color: #f2ad00; | |
} | |
#language { | |
position: absolute; | |
right: 0; | |
top: 9px; | |
border: 0px solid; | |
width: 59px; | |
height: 33px; | |
} | |
.step, .stepheader, .activestep | |
{ | |
height: 34px; | |
padding: 2px; | |
} | |
.activestep | |
{ | |
background: url(steps_ar.gif) no-repeat center top; | |
} | |
#steps a | |
{ | |
cursor: pointer; | |
color: #333333; | |
font-size: 23px; | |
text-decoration: none; | |
} | |
#steps a:hover | |
{ | |
color: #ff3000; | |
text-decoration: none; | |
} | |
#link a | |
{ | |
font-family: Arial, sans-serif; | |
font-size: 11px; | |
color: #cf002e; | |
text-decoration: none; | |
} | |
a .lanlink{ | |
border: 0px; | |
outline: none ; | |
text-decoration: none; | |
} | |
.subinfo | |
{ | |
font-family: Arial, sans-serif; | |
font-size: 11px; | |
font-weight: bold; | |
color: #cf002e; | |
text-decoration: underline; | |
} | |
.product | |
{ | |
font-family: Arial, sans-serif; | |
font-size: 12px; | |
color: #cf002e; | |
text-decoration: none; | |
} | |
#farelistRules .product{ | |
font-size: 11px; | |
} | |
.txt | |
{ | |
font-family: Arial, sans-serif; | |
font-size: 11px; | |
color: #666; | |
line-height: 13px; | |
text-decoration: none; | |
white-space: nowrap; | |
} | |
.navig | |
{ | |
font-family: Arial, sans-serif; | |
font-size: 11px; | |
color: #666; | |
text-decoration: none; | |
} | |
/* LEFT COLUMN */ | |
/* | |
#leftcontent { | |
position: absolute; | |
right: -260px; | |
width: 250px; | |
margin-top: 15px; | |
height: 800px; | |
display: block; | |
background-color: pink; | |
} | |
*/ | |
#leftcontent { top: 500px; float: right; margin-right: -275px; width: 260px; } | |
* html #leftcontent { | |
position: relative; | |
top: 0px; | |
border-left: 15px solid #fff; | |
} | |
*+html #leftcontent { | |
border-left: 15px solid #fff; | |
} | |
#leftcontent H2 { font-size: 11px; color: #f1b800; font-weight: bold; text-align: left; align: left; margin: 0 0 5px; text-transform: uppercase; } | |
#leftcontent DIV { font-family: Arial, sans-serif; font-size: 11px; color: #666666; } | |
#leftcontent A { | |
font-family: Arial, sans-serif; | |
font-size: 11px; | |
color: #cc0033; | |
font-weight: bold; | |
text-decoration: none; | |
} | |
/* PRICEFIELD STUFF */ | |
#pricefield { | |
float: right; | |
width: 190px; | |
height: 130px; | |
background: transparent url(pricefie.gif) top left no-repeat; | |
} | |
#pricefield_calendar_info { | |
float: right; | |
text-align: right; | |
width: 190px; | |
/*border: 1px solid blue;*/ | |
margin-top: 5px; | |
/* for firefox */ | |
margin-bottom: -10px; | |
} | |
#main form div[id="pricefield"] { | |
background-image: url(pricefie.gif); | |
height: 120px; | |
} | |
#pricefield table { | |
margin: 6px 5px 0; | |
width: 180px; | |
border-collapse: collapse; | |
} | |
#pricefield td * { | |
height: 16px; | |
} | |
/* Hack-hackity-hack. IE6 */ | |
* html #pricefield td * { | |
height: 18px; | |
} | |
/* IE7 */ | |
*:first-child+html #pricefield td * { | |
height: 16px; | |
} | |
#pricefield .hline { | |
border-bottom: 1px solid #999; | |
} | |
#pricefield .totalpris { | |
padding-top: 5px; | |
} | |
#pricefield #totprice { | |
border: 2px solid #ccc; | |
font-size: 14px; | |
font-weight: bold; | |
background: #FBFBFB; | |
white-space: nowrap; | |
display: block; | |
padding: 2px 0; | |
} | |
/* USERFIELD */ | |
#userfield { | |
width: 499px; | |
float: left; | |
clear: left; | |
background: #FBFBFB; | |
} | |
#main form div[id="loginname"] { | |
background-image: url(pricefie.gif); | |
height: 120px; | |
} | |
#loginname { | |
width: 190px; | |
height: 130px; | |
background: transparent url(pricefie.gif) top left no-repeat; | |
float: left; | |
position: relative; | |
} | |
#loginname h2 { | |
margin: 10px 5px 5px; | |
} | |
#loginname p { | |
margin: 5px; | |
} | |
#loginname #btnLogout { | |
position: absolute ; | |
bottom: 5px; | |
right: 10px; | |
left: 60%; | |
} | |
#userfield .verticalline { | |
visibility: hidden; | |
} | |
/* TICKETFIELD */ | |
#ticketfield | |
{ | |
float: right; | |
width: 300px; | |
} | |
#ticketfield table { | |
width: 100%; | |
margin: 6px 0; | |
} | |
/* IE7 */ | |
*:first-child+html #ticketfield table { | |
margin: 0; | |
} | |
#ticketfield td | |
{ | |
padding: 2px 0 1px 0; | |
} | |
#ticketfield .ticketright | |
{ | |
text-align: right; | |
} | |
.ticketline{ | |
border-bottom: 1px solid #ccc; | |
margin-bottom: 2px; | |
} | |
#ava_airportcodes | |
{ | |
border: 1px solid #ccc; | |
background: #FBFBFB; | |
width: 692px; | |
height: 70px; | |
margin-top: 20px; | |
} | |
#ava_airportcodes h2 | |
{ | |
padding-top: 5px; | |
padding-left: 5px; | |
} | |
#ava_airportcodes p | |
{ | |
padding-left: 5px; | |
} | |
#ava_airportcodes .product | |
{ | |
padding-top: 5px; | |
padding-left: 5px; | |
} | |
#ava_airportcodes_left{ | |
float: left; | |
width: 30%; | |
} | |
#ava_airportcodes_center{ | |
float: left; | |
width: 35%; | |
} | |
#ava_airportcodes_right{ | |
float: right; | |
width: 35%; | |
} | |
input | |
{ | |
font-family: Arial,sans-serif; | |
font-size: 12px; | |
color: rgb(51, 51, 51); | |
text-decoration: none; | |
border: 1px solid #76A1C1; | |
} | |
.text | |
{ | |
font-family: Arial,sans-serif; | |
font-size: 12px; | |
color: rgb(51, 51, 51); | |
text-decoration: none; | |
border-left-width: 1px; | |
border-left-style: solid; | |
border-left-color: rgb(102, 102, 102); | |
border-right-width: 1px; | |
border-right-style: solid; | |
border-right-color: rgb(102, 102, 102); | |
border-top-width: 1px; | |
border-top-style: solid; | |
border-top-color: rgb(102, 102, 102); | |
border-bottom-width: 1px; | |
border-bottom-style: solid; | |
border-bottom-color: rgb(102, 102, 102); | |
height: 17px; | |
} | |
.radio | |
{ | |
font-family: Arial,sans-serif; | |
font-size: 12px; | |
color: rgb(51, 51, 51); | |
text-decoration: none; | |
background-color: transparent; | |
border: none; | |
height: 12px; | |
margin-bottom: 2px; | |
} | |
select{ | |
font-family: Arial,sans-serif; | |
font-size: 11px; | |
color: rgb(51, 51, 51); | |
text-decoration: none; | |
margin-top: 1px; | |
background-color: rgb(255, 255, 255); | |
border: 1px solid #76A1C1; | |
} | |
.avadestselect | |
{ | |
font-size: 11px; | |
width: 130px; | |
/*text-decoration: blink;*/ | |
} | |
.avatravellersselect | |
{ | |
font-size: 11px; | |
width: 140px; | |
} | |
form{ | |
margin: 0; | |
padding: 0; | |
} | |
/* PASSENGERS */ | |
.passengersform | |
{ | |
width: 694px; | |
float: left; | |
clear: both; | |
margin: 15px 0px 0px 0px; | |
font-weight: bold; | |
} | |
.passengersform table | |
{ | |
width: 100%; | |
} | |
/* AVAILABILITY LIST */ | |
.availlist | |
{ | |
width: 100%; | |
float: left; | |
clear: left; | |
} | |
.availlist #availlistto, .availlist #availlistfrom | |
{ | |
width: 100%; | |
} | |
.availlistheader td { | |
height: 22px; | |
padding-left: 5px; | |
font-weight: bold; | |
} | |
.availlistheader td h2, | |
.availlistheader td .product { | |
color: #666; | |
font-size: 11px; | |
font-family: arial, sans-serif; | |
} | |
.availlistitem td | |
{ | |
height: 22px; | |
padding-left: 5px; | |
} | |
.availlistitemeven tr{ | |
background: #F4F4F4; | |
} | |
.availlistitemodd tr | |
{ | |
background: #fff; | |
} | |
#outrow0,#outrow2,#outrow4,#outrow6,#outrow8,#outrow10,#outrow12,#outrow14,#outrow16,#outrow18,#outrow20,#outrow22,#outrow24,#outrow26,#outrow28,#outrow30,#outrow32,#outrow34,#outrow36,#outrow38{ | |
background: #FBFBFB; | |
} | |
#outrow1,#outrow3,#outrow5,#outrow7,#outrow9,#outrow11,#outrow13,#outrow15,#outrow17,#outrow19,#outrow21,#outrow23,#outrow25,#outrow27,#outrow29,#outrow31,#outrow33,#outrow35,#outrow37,#outrow39{ | |
background: #eee; | |
} | |
#returnrow0,#returnrow2,#returnrow4,#returnrow6,#returnrow8,#returnrow10,#returnrow12,#returnrow14,#returnrow16,#returnrow18,#returnrow20,#returnrow22,#returnrow24,#returnrow26,#returnrow28,#returnrow30,#returnrow32,#returnrow34,#returnrow36,#returnrow38 | |
{ | |
background: #FBFBFB; | |
} | |
#returnrow1,#returnrow3,#returnrow5,#returnrow7,#returnrow9,#returnrow11,#returnrow13,#returnrow15,#returnrow17,#returnrow19,#returnrow21,#returnrow23,#returnrow25,#returnrow27,#returnrow29,#returnrow31,#returnrow33,#returnrow35,#returnrow37,#returnrow39{ | |
background: #eee; | |
} | |
#outrow0b,#outrow2b,#outrow4b,#outrow6b,#outrow8b,#outrow10b,#outrow12b,#outrow14b,#outrow16b,#outrow18b,#outrow20b,#outrow22b,#outrow24b,#outrow26b,#outrow28b,#outrow30b,#outrow32b,#outrow34b,#outrow36b,#outrow38{ | |
background: #FBFBFB; | |
} | |
#outrow1b,#outrow3b,#outrow5b,#outrow7b,#outrow9b,#outrow11b,#outrow13b,#outrow15b,#outrow17b,#outrow19b,#outrow21b,#outrow23b,#outrow25b,#outrow27b,#outrow29b,#outrow31b,#outrow33b,#outrow35b,#outrow37b,#outrow39{ | |
background: #eee; | |
} | |
#returnrow0b,#returnrow2b,#returnrow4b,#returnrow6b,#returnrow8b,#returnrow10b,#returnrow12b,#returnrow14b,#returnrow16b,#returnrow18b,#returnrow20b,#returnrow22b,#returnrow24b,#returnrow26b,#returnrow28b,#returnrow30b,#returnrow32b,#returnrow34b,#returnrow36b,#returnrow38 | |
{ | |
background: #FBFBFB; | |
} | |
#returnrow1b,#returnrow3b,#returnrow5b,#returnrow7b,#returnrow9b,#returnrow11b,#returnrow13b,#returnrow15b,#returnrow17b,#returnrow19b,#returnrow21b,#returnrow23b,#returnrow25b,#returnrow27b,#returnrow29b,#returnrow31b,#returnrow33b,#returnrow35b,#returnrow37b,#returnrow39{ | |
background: #eee; | |
} | |
.availlistitemeven td | |
{ | |
height: 22px; | |
padding-left: 5px; | |
} | |
.availlistitemodd td | |
{ | |
height: 22px; | |
padding-left: 5px; | |
} | |
.availlistitemevennoborder td | |
{ | |
height: 22px; | |
padding-left: 5px; | |
} | |
.availlistitemoddnoborder td | |
{ | |
height: 22px; | |
padding-left: 5px; | |
} | |
.availlistitem input | |
{ | |
font-size: 11px; | |
} | |
.availlistsend | |
{ | |
border: 0px solid #FF0000; | |
width: 100%; | |
margin: 10px 0px 0px 0px; | |
padding-left: 5px; | |
clear: left; | |
} | |
.headercol1 | |
{ | |
min-width: 25px; | |
max-width: 75px; | |
background: transparent; | |
color: #666; | |
} | |
.headercol2, .headercol3, .headercol4 | |
{ | |
background: transparent; | |
color: #666; | |
} | |
.headercolEnd | |
{ | |
background: transparent; | |
color: #666; | |
width: 1px; | |
} | |
.col1 | |
{ | |
min-width: 25px; | |
max-width: 75px; | |
} | |
.col2 | |
{ | |
min-width: 75px; | |
max-width: 75px; | |
} | |
.col3 | |
{ | |
min-width: 90px; | |
max-width: 90px; | |
} | |
.col4 | |
{ | |
min-width: 90px; | |
max-width: none; | |
/*width: *;*/ | |
text-align: left; | |
} | |
.col5, .col6 | |
{ | |
width:auto; | |
text-align: left; | |
} | |
.colEnd | |
{ | |
max-width: 1px; | |
} | |
/* Campaign */ | |
.col_camp | |
{ | |
min-width: 90px; | |
max-width: none; | |
text-align: left; | |
background: #ffb900; | |
} | |
.col_camp2 | |
{ | |
min-width: 90px; | |
max-width: none; | |
text-align: left; | |
/*background: url(../im/campback2.gif) repeat-x scroll #eee; | |
background-repeat: no-repeat; | |
background-position: center; */ | |
} | |
.camplink | |
{ | |
font-family: Arial, sans-serif; | |
font-size: 12px; | |
/*background: #ffb900;*/ | |
background: #ffcc00; | |
color: #333333; | |
text-decoration: none; | |
} | |
/* FORMS */ | |
#managepnrform { | |
background: #fff; | |
} | |
.tofromform { | |
margin: 20px 0px 1px 0px; | |
width: 100%; | |
background: #ccc; | |
clear: left; | |
} | |
#form1, #form2, #form3 | |
{ | |
display: inline; | |
} | |
#biljettypdropdown | |
{ | |
width: 200px; | |
} | |
.alert | |
{ | |
color: #FF0000; | |
} | |
.noflight | |
{ | |
padding-left: 8px; | |
color: #343434; | |
} | |
.infoicon{ | |
vertical-align: middle; | |
} | |
/* Requirement */ | |
#requirement_box | |
{ | |
float: left; | |
width: 250px; | |
padding: 5px; | |
background: #eee; | |
border: 1px solid #ccc; | |
} | |
#requirement_login | |
{ | |
float: left; | |
clear: left; | |
margin-top: 20px; | |
width: 250px; | |
padding: 5px; | |
background: #eee; | |
border: 1px solid #ccc; | |
} | |
#req_login | |
{ | |
padding: 0; | |
margin: 0; | |
width: 95%; | |
} | |
#requirement_box .largeselect | |
{ | |
width: 90%; | |
margin-bottom: 5px; | |
} | |
#fares_login | |
{ | |
float: left; | |
clear: left; | |
margin-right: 20px; | |
width: 210px; | |
/* height:160px; */ | |
padding: 0px; | |
/* margin-top: 20px; */ | |
/*text-indent: 10px;*/ | |
background: #FBFBFB; | |
/*border: 1px solid #ccc;*/ | |
} | |
* html #fares_login { | |
margin-top: 20px; | |
} | |
*+html #fares_login { | |
margin-top: 20px; | |
} | |
#fares_login .fcol2 input, | |
#fares_login .fcol2 .subinfo, | |
#faresmemberpitch .fcol1 div, | |
#faresmemberpitch .fcol1 .subinfo { | |
margin-left: 10px; | |
} | |
#faresmemberpitch | |
{ | |
float: left; | |
clear: left; | |
margin-top: 38px; | |
margin-right: 20px; | |
width: 210px; | |
/*height: 140px;*/ | |
padding: 0px; | |
background: #FBFBFB; | |
/*border: 1px solid #ccc;*/ | |
} | |
* html #faresmemberpitch { | |
margin-top: 46px; | |
} | |
*+html #faresmemberpitch { | |
margin-top: 46px; | |
} | |
#fareuserright { | |
margin-top: 20px; | |
} | |
#error_box | |
{ | |
width: 99%; | |
text-align: left; | |
/*margin-right: auto; | |
margin-left: auto; | |
margin-top: 10px;*/ | |
display: block; | |
position: relative; | |
padding-left: 15px;/*5px 0px 0px 15px;*/ | |
padding-top: 5px; | |
background: #fffbbe url(alert000.gif) 15px 60% no-repeat; | |
border: 1px solid #cf002c; | |
} | |
#error_field | |
{ | |
margin-right: auto; | |
margin-left: auto; | |
margin-top: 10px; | |
display: block; | |
position: relative; | |
padding: 5px; | |
background: #fffbbe; | |
border: 1px solid #cf002c; | |
} | |
#message_box | |
{ | |
width: 99%; | |
text-align: left; | |
/*margin-right: auto; | |
margin-left: auto; | |
margin-top: 10px;*/ | |
display: block; | |
position: relative; | |
padding-left: 15px;/*5px 0px 0px 15px;*/ | |
padding-top: 5px; | |
background: #fffbbe url(alert000.gif) 15px 60% no-repeat; | |
border: 1px solid #cf002c; | |
} | |
#message_field | |
{ | |
margin-right: auto; | |
margin-left: auto; | |
margin-top: 10px; | |
display: block; | |
position: relative; | |
padding: 5px; | |
background: #fffbbe; | |
border: 1px solid #cf002c; | |
} | |
#note_area | |
{ | |
width: auto; | |
text-align: left; | |
/*margin-right: auto; | |
margin-left: auto; | |
margin-top: 10px;*/ | |
display: block; | |
position: relative; | |
padding-left: 15px;/*5px 0px 0px 15px;*/ | |
padding-top: 5px; | |
background: #fffbbe url(alert000.gif) 15px 60% no-repeat; | |
/*border: 1px solid #cf002c;*/ | |
} | |
#note_area p | |
{ | |
margin-right: auto; | |
margin-left: 20px; | |
margin-top: 10px; | |
} | |
#note_field | |
{ | |
margin-right: auto; | |
margin-left: 20px; | |
margin-top: 10px; | |
display: block; | |
position: relative; | |
padding: 5px; | |
background: #fffbbe; | |
border: 1px solid #cf002c; | |
} | |
/* Fares page */ | |
.farelist | |
{ | |
width: 640px; | |
clear: left; | |
margin-right: auto; | |
margin-left: auto; | |
display: block; | |
/*position: relative;*/ | |
} | |
.farelist #farelistlogin{ | |
padding: 0; | |
margin: 0; | |
background: #FBFBFB; | |
border-bottom: 1px solid #ccc; | |
} | |
.farelist #farelistchangepassword{ | |
background: #FBFBFB; | |
border-bottom: 1px solid #ccc; | |
} | |
.farelist #farelistpassword{ | |
background: #FBFBFB; | |
border-bottom: 1px solid #ccc; | |
} | |
.farelist #farelistloginmemberpitch{ | |
background: #FBFBFB; | |
border-bottom: 1px solid #ccc; | |
} | |
.farelist #farelistmemberpitch{ | |
border-top: 1px solid #ccc; | |
width: 100%; | |
background: #FBFBFB; | |
} | |
.farelist #farelistuserinfo{ | |
/*height: 300px;*/ | |
/*margin-top: 20px;*/ | |
width: 407px; | |
margin-left: 3px; | |
background: #FBFBFB; | |
border-bottom: 1px solid #ccc; | |
} | |
#farelistuserinfo .smallInput{ | |
width: 60px; | |
} | |
#farelistuserinfo .normalInput{ | |
width: 140px; | |
} | |
#farelistuserinfo .largeInput{ | |
width: 377px; | |
} | |
#farelistuserinfo h1{ | |
padding-left: 10px; | |
} | |
#farelistFop h1{ | |
padding-left: 10px; | |
} | |
#farelistUser h1{ | |
padding-left: 10px; | |
} | |
#confirmlistUser h1{ | |
padding-left: 10px; | |
} | |
#farelistRules h1{ | |
padding-left: 4px; | |
} | |
#farelistlogin h1 , #farelistpassword h1, #farelistchangepassword h1, #farelistloginmemberpitch h1{ | |
padding-left: 10px; | |
} | |
#farelistlogin h2, #farelistpassword h2, #farelistchangepassword h2, #farelistloginmemberpitch h2{ | |
padding-left: 10px; | |
} | |
.farelist #farelistTicket | |
{ | |
/*margin-top: 20px;*/ | |
width: 100%; | |
background: #F4F4F4; | |
/*border-right: 1px solid #ccc; | |
border-left: 1px solid #ccc;*/ | |
} | |
#farelistTicket h2, #fares_login h2, #fareuserright h2, #farelistmemberpitch h2{ | |
font-size: 11px; | |
} | |
#farelistTicket p, #farelistFop p,#farelistRules p, #fares_login p, #fareuserright p, #faresmemberpitch p { | |
font-size: 11px; | |
} | |
#farelistUser p, #farelistUser h2{ | |
font-size: 11px; | |
padding-top: 3px; | |
padding-bottom: 3px; | |
padding-left: 10px; | |
} | |
#confirmlistUser p{ | |
font-size: 11px; | |
padding-top: 3px; | |
padding-bottom: 3px; | |
padding-left: 10px; | |
} | |
#confirmlistUser h2{ | |
font-size: 12px; | |
padding-top: 3px; | |
padding-bottom: 3px; | |
padding-left: 10px; | |
} | |
#farelistTicket .fcol5{ | |
max-width: 82px; | |
min-width: 82px; | |
width: 82px; | |
} | |
#farelistPriceTotal .fcol5{ | |
max-width: 90px; | |
min-width: 90px; | |
width: 90px; | |
} | |
#farelistTicket .fcolEnd{ | |
width: 2px; | |
} | |
#farelistPriceTotal .fcolEnd{ | |
width: 2px; | |
} | |
.farelist #farelistPriceTotal | |
{ | |
margin-top: 20px; | |
width: 100%; | |
background: #FBFBFB; | |
border-top: 1px solid #ccc; | |
border-bottom: 1px solid #ccc; | |
} | |
#farelistPriceTotal h2{ | |
padding: 4px 0 11px 0; | |
margin-left: 10px; | |
} | |
#farelistPriceTotal p{ | |
padding: 4px 0 4px 0; | |
} | |
.farelist #confirmlistPriceTotal | |
{ | |
margin-top: 20px; | |
width: 100%; | |
background: #FBFBFB; | |
border-top: 1px solid #ccc; | |
border-bottom: 1px solid #ccc; | |
} | |
#confirmlistPriceTotal h2{ | |
padding: 4px 0 4px 10px; | |
} | |
#confirmlistPriceTotal p{ | |
padding: 4px 0 4px 0; | |
} | |
#confirmlistPriceTotal .fcol5{ | |
max-width: 90px; | |
} | |
#confirmlistPriceTotal .fcolEnd{ | |
width: 2px; | |
} | |
.farelist #farelistUser | |
{ | |
margin-top: 20px; | |
width: 100%; | |
background: #FBFBFB; | |
/*border-top: 1px solid #ccc;*/ | |
border-bottom: 1px solid #ccc; | |
} | |
.farelist #confirmlistUser | |
{ | |
margin-top: 20px; | |
width: 100%; | |
background: #FBFBFB; | |
/*border-top: 1px solid #ccc;*/ | |
border-bottom: 1px solid #ccc; | |
} | |
.farelist #farelistFop | |
{ | |
width: 100%; | |
background: #FBFBFB; | |
/*border-top: 1px solid #ccc;*/ | |
border-bottom: 1px solid #ccc; | |
margin-top: 20px; | |
} | |
.farelist #farelistPassengers, .farelist #farelistPassengersChild | |
{ | |
width: 100%; | |
background: #FBFBFB; | |
/*border-top: 1px solid #ccc;*/ | |
border-bottom: 1px solid #ccc; | |
margin-top: 20px; | |
} | |
#farelistPassengers .smallInput , #farelistPassengersChild .smallInput{ | |
width: 30px; | |
} | |
#farelistPassengers .normalInput, #farelistPassengersChild .normalInput{ | |
width: 160px; | |
} | |
#farelistPassengers .largeInput , #farelistPassengersChild .largeInput { | |
width: 420px; | |
} | |
#farelistPassengers select, #farelistPassengers input , #farelistPassengersChild input, #farelistPassengersChild select{ | |
margin-left: 10px; | |
} | |
#farelistPassengers .radio, #farelistPassengersChild .radio{ | |
margin-left: 0px; | |
} | |
#farelistPassengers h2, #farelistPassengersChild h2{ | |
margin-left: 10px; | |
} | |
#farelistPassengers p, #farelistPassengersChild p{ | |
margin-left:10px; | |
font-size: 11px; | |
} | |
#farelistFop select, #farelistFop h2, #farelistFop input, #farelistFop small{ | |
margin-left: 10px; | |
} | |
#farelistRules select, #farelistRules h2, #farelistRules input, #farelistRules small{ | |
margin-left: 10px; | |
} | |
.farelist #farelistRules | |
{ | |
width: 100%; | |
background: #FBFBFB; | |
border-bottom: 1px solid #ccc; | |
margin-top: 20px; | |
} | |
.farelistheader td | |
{ | |
font-weight: bold; | |
} | |
.farelistheader | |
{ | |
margin: 0 0 0 0; | |
text-align: left; | |
padding-top: 7px; | |
/*h/eight:30px;*/ | |
background: #d8d8d8; | |
font-weight: bold; | |
} | |
.farelisttext | |
{ | |
padding: 0 0 0 0; | |
margin: 0 0 0 0; | |
text-align: left; | |
} | |
.fareheadercol1 | |
{ | |
max-width: 75px; | |
background: #d8d8d8; | |
} | |
.fareheadercol2, .fareheadercol3, .fareheadercol4 | |
{ | |
background: #d8d8d8; | |
} | |
.fareheadercolEnd | |
{ | |
background: #d8d8d8; | |
width: 1px; | |
} | |
.fareheadercol5 | |
{ | |
background: #eee; | |
} | |
#farelistTicket .fareheadercol1 h1 { | |
margin-left: 10px; | |
} | |
.farelistitem td | |
{ | |
height: 22px; | |
padding-left: 5px; | |
} | |
.farelistitemeven td | |
{ | |
height: 22px; | |
padding-left: 5px; | |
background: white; | |
} | |
.farelistitemodd td | |
{ | |
height: 22px; | |
padding-left: 5px; | |
background: #f7f7f7; | |
} | |
.farelistitemevennoborder td | |
{ | |
height: 22px; | |
padding-left: 5px; | |
background: #FBFBFB; | |
} | |
.farelistitemoddnoborder td | |
{ | |
height: 22px; | |
padding-left: 5px; | |
background: #eee; | |
} | |
.farelistitem input | |
{ | |
height: auto; | |
} | |
.farelistsend | |
{ | |
/*border: 1px solid #FF0000;*/ | |
width: 100%; | |
margin: 10px 0px 0px 0px; | |
padding-left: 5px; | |
} | |
.fareTitleSelect | |
{ | |
font-size: 12px; | |
width: 60px; | |
} | |
.fareFopCodeSelect{ | |
width: 150px; | |
} | |
.fareFopMonthSelect{ | |
width: 80px; | |
} | |
.fareFopYearSelect{ | |
width: 57px; | |
} | |
.fareFopInput{ | |
width: 250px; | |
} | |
.fcol1 | |
{ | |
/*width: 5px;*/ | |
} | |
.fcol2 | |
{ | |
width: 10px; | |
/*max-width: 20px;*/ | |
} | |
.fcol3 | |
{ | |
min-width: 90px; | |
/*max-width: 90px;*/ | |
} | |
.fcol4 | |
{ | |
min-width: 90px; | |
max-width: none; | |
/*width: *;*/ | |
text-align: right; | |
} | |
.fcol5 | |
{ | |
width: 80px; | |
text-align: right; | |
} | |
.fcol6 | |
{ | |
width:auto; | |
text-align: left; | |
} | |
.fcol7 | |
{ | |
min-width: 90px; | |
max-width: none; | |
/*width: *;*/ | |
text-align: right; | |
} | |
.fcolLine | |
{ | |
width: auto; | |
height: 1px; | |
padding: 0px; | |
margin: 0px; | |
} | |
.fcolEnd | |
{ | |
width: 1px; | |
} | |
.fareuserleft{ | |
float: left; | |
margin-top: 20px; | |
width: 200px; | |
/*background: #eee;*/ | |
border-top: 1px solid #ccc; | |
border-bottom: 1px solid #ccc; | |
} | |
.fareuserright{ | |
float: right; | |
/*margin-top: 20px;*/ | |
background: #eee; | |
border: 1px solid #ccc; | |
/*border-bottom: 1px solid #ccc;*/ | |
} | |
#fareuserright select, #fareuserright h2, #fareuserright input{ | |
margin-left: 10px; | |
} | |
.confirmAddTextDiv{ | |
height: 100px; | |
overflow: auto; | |
} | |
.confirmAdd{ | |
float: left; | |
width: 33%; | |
height: 100px; | |
background: #FBFBFB; | |
margin-top:20px; | |
padding-bottom:5px; | |
border-top: 1px solid #ccc; | |
border-bottom: 1px solid #ccc; | |
border-left: 1px solid #ccc; | |
border-right: 1px solid #ccc; | |
} | |
.confirmAddLeft{ | |
float: left; | |
width: 33%; | |
height: 120px; | |
background: #FBFBFB; | |
margin-top:20px; | |
padding-bottom:5px; | |
border-top: 1px solid #ccc; | |
border-bottom: 1px solid #ccc; | |
border-left: 1px solid #ccc; | |
/*border-right: 1px solid #ccc;*/ | |
} | |
.confirmAddMiddle{ | |
float: left; | |
width: 33%; | |
height: 120px; | |
background: #FBFBFB; | |
margin-top:20px; | |
padding-bottom:5px; | |
border-top: 1px solid #ccc; | |
border-bottom: 1px solid #ccc; | |
/*border-left: 1px solid #ccc; | |
border-right: 1px solid #ccc;*/ | |
} | |
.confirmAddRight{ | |
float: left; | |
width: 33%; | |
height: 120px; | |
background: #FBFBFB; | |
margin-top:20px; | |
padding-bottom:5px; | |
margin-bottom: 20px; | |
border-top: 1px solid #ccc; | |
border-bottom: 1px solid #ccc; | |
/* border-left: 1px solid #ccc;*/ | |
border-right: 1px solid #ccc; | |
} | |
.confirmAddLeft p, .confirmAddLeft .subinfo,.confirmAddMiddle p, .confirmAddMiddle .subinfo,.confirmAddRight p, .confirmAddRight .subinfo{ | |
font-size: 11px; | |
margin-left: 5px; | |
margin-top: 5px; | |
} | |
.confirmAddLeft h2,.confirmAddMiddle h2,.confirmAddRight h2{ | |
font-size: 12px; | |
margin-left: 5px; | |
margin-top: 5px; | |
} | |
.farelist #confirmlistRules | |
{ | |
margin-top:20px; | |
width: 100%; | |
background: #FBFBFB; | |
border-top: 1px solid #ccc; | |
border-bottom: 1px solid #ccc; | |
} | |
#confirmlistRules i, #confirmlistRules h2 { | |
margin-top: 10px; | |
margin-bottom: 5px; | |
margin-left: 10px; | |
} | |
#confirmlistRules p{ | |
margin-top: 10px; | |
margin-bottom: 5px; | |
font-size: 11px; | |
} | |
.confirmlistinfotext{ | |
width: 100%; | |
float: left; | |
} | |
.confirmlistinfotext h2, .confirmlistinfotext p{ | |
font-size: 11px; | |
} | |
.confcenterbuttons | |
{ | |
width: 694px; | |
float: left; | |
clear: both; | |
margin: 20px 0px 20px 0px; | |
font-weight: bold; | |
} | |
.confirmInfoText p, .confirmInfoText h2 { | |
font-size: 11px; | |
} | |
.changePnrLink | |
{ | |
font-family: Arial, sans-serif; | |
font-size: 11px; | |
font-weight: normal; | |
color: black; | |
text-decoration: none; | |
} | |
.changePriceBox | |
{ | |
background-color: #FBFBFB; | |
text-align: right; | |
/*float: right;*/ | |
/*border: 1px solid black;*/ | |
clear: right; | |
position: absolute; | |
bottom: 0; | |
right: 0; | |
/*padding-right: 5px;*/ | |
overflow: hidden; | |
/*width: 100%;*/ | |
} | |
.changePriceBox table{ | |
/*width: 100%;*/ | |
} | |
.changePriceBox td{ | |
text-align: right; | |
} | |
.L1{ | |
/*padding-bottom: 3px;*/ | |
font-weight: bold; | |
} | |
.L2{ | |
border-top: 1px solid #ccc; | |
font-weight: bold; | |
/*padding-top: 3px;*/ | |
} | |
.changeFlightBox | |
{ | |
background-color: #FBFBFB; | |
height: 52px; | |
/*float: right;*/ | |
/*border-top: 1px solid #ccc;;*/ | |
/*border-bottom: 1px solid #ccc;*/ | |
overflow-y: auto; | |
overflow-x: hidden; | |
/*table-layout: auto;*/ | |
} | |
.changeFlightBoxMedium | |
{ | |
height: 70px; | |
background-color: #FBFBFB; | |
overflow-y: auto; | |
overflow-x: hidden; | |
/*float: right;*/ | |
/*border-top: 1px solid #ccc;;*/ | |
/*border-bottom: 1px solid #ccc;*/ | |
/*table-layout: auto;*/ | |
} | |
.changeFlightBoxMax | |
{ | |
background-color: #FBFBFB; | |
height: 90px; | |
/*float: right;*/ | |
/*border-top: 1px solid #ccc;;*/ | |
/*border-bottom: 1px solid #ccc;*/ | |
overflow-y: auto; | |
overflow-x: hidden; | |
/*table-layout: auto;*/ | |
} | |
/* PNRFIELD */ | |
#pnrfield | |
{ | |
height: 120px; | |
float: right; | |
position: relative; | |
width: 300px; | |
/* RAA to fix a bug in IE 6 */ | |
overflow-y: auto; | |
overflow-x: hidden; | |
} | |
#pnrfield table { | |
/*margin: 6px; | |
width: 100%; */ | |
} | |
#pnrfield td | |
{ | |
padding: 0px; | |
} | |
#pnrfield .ticketright | |
{ | |
text-align: right; | |
} | |
#pnrfield .hline | |
{ | |
/*padding-top: 3px;*/ | |
background: url(hr3d0000.gif) repeat-x scroll; | |
} | |
/* FOOTER INFO */ | |
#siteInfo { | |
clear: both; | |
float: left; | |
padding: 10px 0 100px 10px; | |
font-size: 1em; | |
line-height: 1.1em; | |
position: relative; | |
width: 970px; | |
display: block; | |
background: #fff url(bg_foote.gif) no-repeat 100% 100%; | |
} | |
* html #siteInfo { | |
margin-left: 10px; | |
} | |
*+html #siteInfo { | |
margin-left: 0px; | |
} | |
#siteInfo a { | |
color: #CF002E; | |
} | |
#siteInfo li { | |
width: 694px; | |
font-weight: normal; | |
list-style: none; | |
color: #666; | |
} | |
#siteInfo li em { | |
font-weight: bold; | |
color: #666; | |
} | |
#siteInfo #poweredBy { | |
position: absolute; | |
top: 10px; | |
right: 0px; | |
width: 240px; | |
text-align: center; | |
} | |
/** --[arrows]-- */ | |
/* | |
.arrowright, | |
.arrowleft, | |
.xarrowright, | |
.xarrowleft{ | |
margin: 0 0 10px 0; | |
display: block; | |
width: auto; | |
position: relative; | |
line-height: 16px; | |
font-size: 14px; | |
font-weight: bold; | |
} | |
.arrowleft, | |
.xarrowleft{ | |
float: right; | |
padding-left: 16px; | |
} | |
.arrowright, | |
.xarrowright{ | |
float: right; | |
padding-left: 1px; | |
} | |
.arrowright span, | |
.arrowleft span, | |
.xarrowright span, | |
.xarrowleft span{ | |
position: absolute; | |
top: 0px; | |
width: 11px; | |
height: 12px; | |
} | |
.arrowleft span{ | |
left: 0; | |
background: url(../gfx/arrow_left.gif) no-repeat left top; | |
} | |
.arrowright span{ | |
right: 0; | |
background: url(../gfx/arrow_right.gif) no-repeat right top; | |
} | |
.xarrowleft span{ | |
left: 0; | |
background: url(../gfx/xarrow_left.gif) no-repeat left top; | |
} | |
.xarrowright span{ | |
right: 0; | |
background: url(../gfx/xarrow_right.gif) no-repeat right top; | |
} | |
*/ | |
.arrowright, | |
.arrowleft, | |
.xarrowright, | |
.xarrowleft{ | |
position: relative; | |
margin: 0 0 0px 0; | |
xdisplay: block; | |
xwidth: auto; | |
xline-height: 16px; | |
xfont-size: 14px; | |
xfont-weight: bold; | |
} | |
.arrowleft, | |
.xarrowleft{ | |
xfloat: right; | |
xpadding-left: 16px; | |
} | |
.arrowright, | |
.xarrowright{ | |
xfloat: right; | |
xpadding-left: 1px; | |
} | |
.arrowright span, | |
.arrowleft span, | |
.xarrowright span, | |
.xarrowleft span{ | |
position: absolute; | |
top: -9px; | |
left: 4px; | |
width: 11px; | |
height: 12px; | |
} | |
*:first-child+html .arrowright span, | |
*:first-child+html .arrowleft span, | |
*:first-child+html .xarrowright span, | |
*:first-child+html .xarrowleft span{ | |
position: absolute; | |
top: 4px; | |
left: 4px; | |
width: 11px; | |
height: 12px; | |
} | |
* html .arrowright span, | |
* html .arrowleft span, | |
* html .xarrowright span, | |
* html .xarrowleft span{ | |
position: absolute; | |
top: 4px; | |
left: 4px; | |
width: 11px; | |
height: 12px; | |
} | |
#fromDateDD, | |
#toDateDD { | |
margin-left: 20px; | |
} | |
.arrowleft span{ | |
left: 1px; | |
background: url(arrow_le.gif) no-repeat left top; | |
} | |
.arrowright span{ | |
background: url(arrow_ri.gif) no-repeat right top; | |
} | |
.xarrowleft span{ | |
left: 1px; | |
background: url(xarrow_l.gif) no-repeat left top; | |
} | |
.xarrowright span{ | |
background: url(xarrow_r.gif) no-repeat right top; | |
} | |
/* Special functions for correcting code */ | |
/* easyclearing start */ | |
.clearfix:after { | |
content: "."; | |
display: block; | |
height: 0; | |
clear: both; | |
visibility: hidden; | |
} | |
.clearfix { | |
display: inline-table; | |
} | |
/* Hides from IE-mac \*/ | |
* html .clearfix {height: 1%;} | |
.clearfix {display: block;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment