/* WEB05 */ @import url('//fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300'); /*============================================================================================================================== RESET ================================================================================================================================*/ html,body,body div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,time,mark,audio,video {margin:0; padding:0; border:0; outline:0; font-size:100%;} article,aside,figure,footer,header,hgroup,nav,section {display:block;} html {overflow-y:scroll;} ul {list-style:none;} blockquote,q {quotes:none;} blockquote:before, blockquote:after, q:before,q:after {content:''; content:none;} a:hover,a:active {outline:none;} button::-moz-focus-inner {border:0;} strong,th {font-weight:bold;} table {border-collapse:collapse; border-spacing:0;} sub,sup {font-size:9px; line-height:0; position:relative;} sup {top:-0.5em;} sub {bottom:-0.25em;} button,input,select,textarea {margin:0;} button {width:auto; overflow:visible;} input,select {vertical-align:middle;} ::-moz-selection {background:#1A80C9; color:#fff; text-shadow:none;} ::selection {background:#1A80C9; color:#fff; text-shadow:none;} /*============================================================================================================================== Main Styles ================================================================================================================================*/ html,body {color:#5B5A5A; background:url(/images/background-light.imgx); height:100%; font:14px Arial,sans-serif;} a {color:#1A80C9; text-decoration:none;} a:hover {color:#2B9BE9;} /*============================================================================================================================== Page Structure ================================================================================================================================*/ #wrap {min-height:100%; height:auto !important; height:100%;} .mainWrap {padding-bottom:198px;} .mainWrap:after {clear:both; content:"."; display:block; height:0; visibility:hidden;} [role="main"] {background:#fff; clear:both; border:solid 1px #c0c0c0; border-top:solid 4px #1A80C9; display:block; margin:0 0 25px; padding:18px 7px 25px; min-height:400px; -moz-box-shadow:1px 1px 5px #D7D7D7; -webkit-box-shadow:1px 1px 5px #D7D7D7;} .sidebar [role="main"] {float:left; width:680px;} /*--- Page Width ---*/ [role="navigation"] ul, [role="banner"] h1, .container {margin:0 auto; width:996px;} /*--- Body Text ---*/ .bodyText.sidebar [role="main"] {width:624px;} .bodyText [role="main"] {padding:18px 35px 25px; font-size:13px;} .bodyText [role="main"] p {padding:8px 0;} .bodyText [role="main"] ul {display:list-item; margin:0 0 0 40px} .bodyText [role="main"] li {list-style:square; padding:2px 0;} .bodyText [role="main"] h2, .bodyText [role="main"] h3 {color:#C91C29; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:16px; font-weight:normal; padding:25px 0 7px;} .bodyText [role="main"] strong {color:#333;} /*============================================================================================================================== Header ================================================================================================================================*/ [role="navigation"] {background:url(/images/background-dark.imgx); border-bottom:solid 3px #2c2c2c; display:block;} [role="navigation"] ul {overflow:hidden; text-align:right; padding:0 0 3px;} [role="navigation"] li {display:inline;} [role="navigation"] a {font:bold 11px Arial; color:#e8e7e7; text-shadow:1px 1px 1px #000; margin:5px 0 0 11px; display:inline-block;} [role="navigation"] a:hover {color:#fff;} [role="navigation"] .si {display:inline-block; width:22px; height:20px; background:url(/images/social-icons.imgx) 0 -4px; margin:4px 0 -8px -2px; overflow:hidden; text-indent:100em;} [role="navigation"] .fb {margin-left:10px;} [role="navigation"] .fb:hover {background-position:-70px -4px;} [role="navigation"] .tw {background-position:-23px -4px;} [role="navigation"] .tw:hover {background-position:-93px -4px;} [role="navigation"] .rss {background-position:-46px -4px;} [role="navigation"] .rss:hover {background-position:-116px -4px;} [role="banner"] h1 {padding:17px 0; overflow:hidden;} [role="banner"] h1 a {float:left; width:368px; height:99px; background:url(/images/logo.imgx) no-repeat; display:block; text-indent:-9999em;} [role="banner"] h1 em {display:block; float:left; background:url(/images/logo.imgx) no-repeat scroll -377px 0; margin:0 0 0 8px; padding:29px 0 20px 23px; color:#C2B8B8; font-style:normal; font-weight:normal; font-family:'Yanone Kaffeesatz',arial,serif; font-size:42px;} /*============================================================================================================================== Footer ================================================================================================================================*/ [role="contentinfo"] {background:url(/images/background-dark.imgx); border-top:solid 3px #2c2c2c; display:block; padding:10px 5px 0; height:185px; overflow:hidden; clear:both; margin-top:-198px;} [role="contentinfo"] section {width:200px;float:left; padding-top:12px;} [role="contentinfo"] h4 {color:#8b8b8b; font-size:15px;} [role="contentinfo"] nav a {float:left; display:block; width:140px; margin:10px 20px 0 0; background-color:#8b8b8b; background:rgba(255,255,255,.4); color:#514f4f; text-decoration:none; padding:3px 10px; font-size:12px; font-weight:bold; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} [role="contentinfo"] nav a:hover {background:#aaa;} #usatoday {background:url(/images/usatoday.imgx) no-repeat -4px 50%; float:left; width:110px; height:125px; margin:22px 0 0 4px; overflow:hidden; text-indent:-999em;} #usatoday:hover {background-position:-129px 4px;} #footerLogo {width:225px; height:57px; background:url(/images/logo-footer.imgx) no-repeat 0 -70px; display:block; text-indent:-9999em; margin:4px 0 16px;} #footerLogo:hover {background-position:0 0;} #footerInfo {float:right; width:237px; color:#8b8b8b; font-size:13px; padding-top:37px;} #footerInfo a {font-size:11px; color:#8B8B8B; text-decoration:underline;} #footerInfo a:hover {color:#fff;} #footerInfo p {padding-left:3px;} #footerInfo li {float:left; padding:10px 10px 0 0;} #footerInfo li:last-child:before {content:'\2022'; padding-right:10px;} /*============================================================================================================================== Fieldsets, inputs, buttons ================================================================================================================================*/ input[type=text], input[type=email], select {font:14px Arial,sans-serif; color:#333; padding:7px; border-width:1px; border-style:solid; border-color:#BBB #CBCBCB #D2D2D2 #D2D2D2; background-color:#FCFCFC; background-image:-moz-linear-gradient(0% 7% 90deg, #FCFCFC, #E6E6E6); background-image:-webkit-gradient(linear, 0% 0%, 0% 7%, from(#E6E6E6), to(#FCFCFC)); outline:none;} select {padding:6px 5px;} select option:hover {background:#1A80C9;} input[type=text]:hover, input[type=email]:hover, select:hover {border-color:#8A9CB0 #9DADBF #9DADBF #9DADBF; -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset; box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset;} input[type=text]:focus, input[type=email]:focus, select:focus {border-color:#4675A6; -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset; box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset;} input[type=text]::-webkit-input-placeholder, input[type=email]::-webkit-input-placeholder {color:#A3A2A2;} input[type=text]:-moz-placeholder, input[type=email]:-moz-placeholder {color:#A3A2A2;} button, a.button,.uiButton {background:#026AB4; background-image:-moz-linear-gradient(center top, #2882D5, #026AB4); background-image:-webkit-gradient(linear, center top, center bottom, from(#2882D5), to(#026AB4)); background-image:linear-gradient(top, #2882D5, #026AB4); text-shadow:0 1px 0 #215BA2; border:1px solid #035895; padding:7px 10px; font:bold 14px Arial; color:#fff; text-align:center; text-transform:lowercase; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset;} button:hover, a.button:hover, .uiButton:hover {background:#1A80C9; text-decoration:none; cursor:pointer;} /*============================================================================================================================== Sidebar ================================================================================================================================*/ [role="complimentary"] {width:250px; float:right; overflow:hidden; margin-top:-107px;} #sidebar .sidebox {background:#fff; border:solid 1px #c0c0c0; margin-bottom:35px; padding:20px; font:14px Arial; position:relative; -moz-box-shadow:1px 1px 5px #D7D7D7;} #sidebar .sidebox .content {} #sidebar .sidebox h4 {font:16px "Lucida Grande","Lucida Sans Unicode",sans-serif; margin-bottom:15px;} #sidebar .sidebox .icon {position:absolute; right:5px; top:-20px;} #sidebar .mobileLink a {margin:-15px 0 30px 0; display:block; font:bold 36px Arial; background:#1A80C9; color:#fff; text-decoration:none; padding:10px; text-align:center; -moz-border-radius:10px; -webkit-border-radius:10px;} #sidebar .mobileLink a:hover {background:#2B9BE9;} #search form {position:relative; height:33px;} #search a {background:#1A80C9; color:#fff; padding:8px; right:0; top:0; position:absolute; font:bold 14px Arial; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0;} #search a:hover {background:#2B9BE9; text-decoration:none;} #search label {display:block;} #search input {border-right:0; width:163px; position:absolute; top:0;} #newsletter input {width:192px; margin-top:15px;} #newsletter form {overflow:hidden;} #newsletter button {float:right; margin-top:15px; cursor:pointer;} .cityboxlist {border:solid 1px #C0C0C0; margin-right:1px; position:absolute; background:#fff; z-index:10; font:14px Arial;} .cityboxlist li {padding:3px; border-bottom:dotted 1px #C0C0C0; font-size:16px;} .cityboxlist li:last-child {border-bottom:0;} .cityboxlist li small {display:block; color:#c0c0c0; font-size:10px;} .cityboxlist li.selected {background:#2B9BE9; cursor:pointer; color:#fff;} .cityboxlist li.selected small {color:#fff;} #twitter #recentTweets li {border-bottom:dotted 1px #c0c0c0; padding:5px 0; margin-bottom:5px;} #facebookWidget {height:71px; width:248px; position:relative; background:#fff; overflow:hidden; border-color:#C0C0C0; border-style:solid; border-width:1px; margin-bottom:35px; -moz-box-shadow:1px 1px 5px #D7D7D7;} #facebookWidget .FB_Loader {/*margin-left:-30px; top:30px;*/margin-left:-130px; top:18px;} .likeButton {background:#fff; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:16px; font-weight:normal; left:60px; top:6px; padding:4px; position:absolute; white-space:nowrap; z-index:1; color:#C91C29;} .likeButton span {color:#5B5A5A; font-size:13px;} .fb_iframe_widget {position:absolute; top:5px; left:4px;} /*============================================================================================================================== DIALOG ================================================================================================================================*/ .ui-dialog {background:#fff; border:1px solid #C0C0C0; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; -moz-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.9); -webkit-box-shadow:0px 0px 8px rgba(0, 0, 0, 0.9); box-shadow:0px 0px 8px rgba(0, 0, 0, 0.9);} .ui-dialog .ui-dialog-content {padding:5px 10px; overflow:auto; position:relative; font-size:12px;} .ui-dialog-title {color:#fff; font-size:11px; font-weight:bold; font-family:Verdana;} .ui-dialog-titlebar {padding:10px 9px; text-shadow:1px 1px 0 rgba(0, 0, 0, 0.25); background:#333; margin:-1px -1px 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} .ui-dialog-titlebar-close {background:url(/images/close.imgx) no-repeat 3px 3px; display:block; height:14px; width:14px; position:absolute; right:7px; top:9px; overflow:hidden; text-indent:-999em;} .ui-dialog-titlebar-close:hover {background-position:3px -13px;} .ui-widget-overlay {background:rgba(0,0,0,.4); position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000;} /*--- Non CSS3 browsers ---*/ .no-cssgradients .ui-dialog-titlebar {background-color:#036;} .no-boxshadow .ui-dialog-titlebar-close, .no-borderradius .ui-dialog-titlebar-close {right:3px; color:#fff; top:3px; font-size:14px; background-color:#900; background-image:url(/images/v25/button.imgx); line-height:10px; border:1px solid #aaa; padding:3px 3px 4px;} .no-boxshadow .ui-dialog-titlebar-close:hover, .no-borderradius .ui-dialog-titlebar-close:hover {background-color:#fff; border-color:#900; color:#900;} .no-rgba .ui-widget-overlay {background:#000; opacity:.4; filter:alpha(opacity=40);} /*============================================================================================================================== TOOLTIP ================================================================================================================================*/ #tooltip {position:absolute; z-index:2000; max-width:360px; background:#D6D9DD; background:rgba(122, 143, 171, 0.5); border:1px solid #3D4D63; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; color:#303030; margin:8px 6px; font-size:11px; -moz-box-shadow:1px 1px 0 rgba(255, 255, 255, 0.4) inset, -1px -1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 3px rgba(0, 0, 0, 0.8); -webkit-box-shadow:1px 1px 0 rgba(255, 255, 255, 0.4) inset, -1px -1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 3px rgba(0, 0, 0, 0.8); box-shadow:1px 1px 0 rgba(255, 255, 255, 0.4) inset, -1px -1px 0 rgba(255, 255, 255, 0.4) inset, 0 1px 3px rgba(0, 0, 0, 0.8); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #tooltipContent {margin:6px; background:#fff; padding:9px 10px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #tooltip #tooltipArw {position:absolute; margin-left:-7px; left:50%; border-color:transparent; border-style:solid;} #tooltip.top #tooltipArw {border-width:7px 7px 0 7px; bottom:-8px;} #tooltip.bottom #tooltipArw {border-width:0 7px 7px 7px; top:-8px;} #tooltip.vldt {background:#D7775F; border-color:#D7775F; -moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.8); -webkit-box-shadow:0 1px 3px rgba(0, 0, 0, 0.8); box-shadow:0 1px 3px rgba(0, 0, 0, 0.8);} #tooltip.vldt #tooltipArw {border-color:#D7775F transparent #D7775F transparent;} #tooltip.vldt #tooltipContent {border-color:#D7775F; background:#FFFFC5;} /*============================================================================================================================== RESET ================================================================================================================================*/ [role="main"] h1 {display:none;} input.hidden, .citybox-name, .citybox-rgn, .citybox-code {display:none;} /*============================================================================================================================== Search Tabs ================================================================================================================================*/ .tabsReg {overflow:hidden; width:645px;} #tabs {margin:0 0 25px ; padding:0; float:left; height:28px; border-color:#A1B3CF; border-width:0 0 1px 0; border-style:solid; width:100%; -moz-box-shadow:0 3px 6px #eee; -webkit-box-shadow:0 3px 6px #eee; box-shadow:0 3px 6px #eee;} #tabs li {float:left; margin:0 1px 0 0; padding:0; line-height:25px; overflow:hidden; position:relative;} #tabs li a {font-weight:bold; text-transform:lowercase; background-color:#1A80C9; background-image:-moz-linear-gradient(center top, #2882D5, #026AB4); background-image:-webkit-gradient(linear, center top, center bottom, from(#2882D5), to(#026AB4)); background-image:linear-gradient(top, #2882D5, #026AB4); text-shadow:0 1px 0 #215BA2; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; color:#fff; text-decoration:none; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:13px; font-weight:normal; display:block; padding:0 35px; border:1px solid #035895; background-repeat:no-repeat; outline:none; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;} #tabs li a:hover {background:#1A80C9; cursor:pointer;} #tabs li.active a {color:#C91C29; border:0; background:#fff; text-shadow:none;} #tabs li.active {border:1px solid #A1B3CF;} #tabs li.active:first-of-type {margin-left:0;} #tabs li.active {background:#fff; border-bottom:11px solid #fff; cursor:default; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;} #tabs li.active a:hover {cursor:default;} #tabs #tabsDisplayType {float:right;} #tabs #tabsDisplayType a {background:#fff; color:#1A80C9; padding:0; text-align:center; width:95px; border-right:0;} #tabs #tabsDisplayType a:hover {background:#2B9BE9; cursor:pointer; color:#fff;} /*============================================================================================================================== Layout ================================================================================================================================*/ .fldstCtys input[type=text] {float:left; width:524px;} .fldstCtys input[type=text].loading {background-image:url(/images/v25/loading-small.imgx); background-image:url(/images/v25/loading-small.imgx); background-image:url(/images/v25/loading-small.imgx); background-repeat:no-repeat; background-repeat:no-repeat, repeat; background-position:516px 6px; background-position:516px 6px, 0 0;} .fldstCtys {margin-bottom:12px;} .fldstCtys label, .depDate label {float:left; display:block; padding:8px 7px 0 0; width:65px; text-transform:uppercase; text-align:right; font-weight:bold;} .depDate {float:left;} #returnDate {float:left;} #returnDate label {text-transform:uppercase; font-weight:bold; padding:8px 10px 0; float:left;} label.hint {color:#A3A2A2; cursor:text; font:14px Arial; font-weight:normal !important; width:auto !important; padding:0 !important; text-transform:none !important;} input:focus + label.hint {color:#DFDFDF;} #searchBox input.citybox {width:288px;} #searchBox .left {float:left; width:300px;} #searchBox .right {float:right; width:300px;} #searchBox {margin:20px auto 0; width:645px; font:14px Arial; padding:0 0 20px; overflow:visible;} #searchBox form {clear:both;} .btnReg {clear:both; padding:33px 0 0 23px; text-align:center;} #searchBox button {font:bold 18px Arial, sans-serif; padding:8px 38px;} #searchBox button:focus {-moz-box-shadow:inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow:inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1); box-shadow:inset 0 0 0 1px #fff, 0 1px 1px rgba(0,0,0,0.1);} #expertSearch {font:20px Verdana; width:600px; display:block; margin:0 auto;} #formatSuggestions {overflow:hidden; padding:2px 15px 0 0; float:right;} #formatSuggestions li {font-size:10px; color:#888;} #completionDisplay {overflow:hidden; padding:2px 0 20px 15px; float:left;} #completionDisplay li {color:#C91C29; font-size:12px; padding:2px 0;} #legs {padding:0;} #legs h2 {background:#E2F0FB; border-radius:4px; color:#85A6C8; font-size:14px; margin:0 0 10px 15px; padding:2px 8px; text-transform:uppercase;} #legs section {overflow:hidden; position:relative; padding-bottom:15px;} #leg1 {padding:5px 0 0;} #legs section strong.label {display:block; float:left; font-weight:bold; padding:8px 8px 0 0; text-align:right; text-transform:uppercase; width:45px;} #legs .oneway {color:#1A80C9; font:12px Arial; padding-left:20px;} #legs .oneway span {text-decoration:underline;} #legs .oneway input {position:relative; top:3px; margin-right:2px; padding:0; margin:0;} #legs div.cityDateSet {position:relative;} #multiDestControl {position:absolute; right:35px; padding:5px 9px 7px 9px; bottom:17px; list-style:none; background:#E2F0FB; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #multiDestControl li {float:right; margin:0 8px;} #multiDestControl li a {background:url(/images/v25/remove.imgx) no-repeat 0 0; padding:0 0 2px 20px; font:12px Arial; } #multiDestControl li.add a {background-image:url(/images/v25/add.imgx);} /*============================================================================================================================== Citybox ================================================================================================================================*/ .cityboxlist {border:solid 1px #8A9CB0; margin:0; position:absolute; background:#fff; z-index:10; font:14px Arial; padding:0px; -moz-box-shadow:0 2px 4px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 2px 4px rgba(0, 0, 0, 0.5); box-shadow:0 2px 4px rgba(0, 0, 0, 0.5);} .cityboxlist li {padding:5px 50px 5px 6px; border-bottom:1px solid #E7E7E7; line-height:14px; overflow:hidden;} .cityboxlist li span {display:block;} .cityboxlist li:last-child {border-bottom:0;} .cityboxlist li small {display:block; color:#A9A7A7; font-size:10px; padding-top:3px; float:left; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;} .cityboxlist li small.dist {float:right; padding-left:30px; font-family:Tahoma; font-weight:bold;} .cityboxlist li.selected {background:#1A80C9; cursor:pointer; color:#fff;} .cityboxlist li.selected small {color:#A3C8F5;} .cityboxlist li.more {background-image:url(/images/v25/cityboxarrow.imgx); background-repeat:no-repeat; background-position:95% 50%;} .cityboxlist li.more.selected {background-image:url(/images/v25/cityboxarrow-sel.imgx); background-repeat:no-repeat; background-position:95% 50%;} .sublist li {padding:5px 10px 5px 6px;} .selected li {font:12px Arial; padding-left:21px; background:#fff url(/images/v25/multicitybox.imgx) no-repeat -2px -2px;} .selected li.delover {background:#ce1c29 url(/images/v25/multicitybox.imgx) no-repeat -2px -27px; color:#fff;} .selected li span {float:left;} .selected li a {float:right; text-decoration:none; color:#CE1C29; position:relative; top:4px; right:2px; height:8px; width:8px; background:#fff url(/images/v25/multicitybox.imgx) no-repeat -9px -59px;} .selected li.delover a {background-position:-9px -84px;} .multicitybox input.input {margin:0; background:transparent; border:0; float:left; padding:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .multicitybox.hassel {padding:6px 5px 4px;} .multicitybox.hassel label.hint {display:none !important;} .multicitybox.hassel input.input {margin-top:1px;} .multicitybox .selectlist {list-style:none; margin:0;padding:0; overflow:hidden; display:inline; } .multicitybox .selectlist li {background:#696868; border:1px solid #484848; font:12px "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif; color:#fff; padding:0 0 0 6px; margin:0 2px 2px 0; float:left;} .multicitybox .selectlist li a {display:block; float:right; background:#1A80C9; font-family:Verdana; border-left:solid 1px #484848; color:#fff; text-decoration:none; padding:0 5px 2px 5px; margin-left:6px;} .multicitybox .selectlist li a:hover {background:#2B9BE9;} label.searchType {display:block; font-size:12px; color:#1A80C9;} label.searchType input {position:relative; top:2px;} .hide {display:none !important;} .fltOptions {clear:both;} .paxReg {position: relative; float: left; margin: 0 0 0 71px;} #pax {margin-left:5px;} #paxAdvanced {background:#F1F6FB; border:1px solid #8A9CB0; font-size:13px; padding:4px 10px 4px 4px; position:absolute; z-index:2; width:385px; -moz-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); box-shadow:1px 1px 2px rgba(0, 0, 0, 0.5); -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #paxAdvanced label {display:block; margin-bottom:5px; width:125px; float:left;} #paxAdvanced label small {font-weight:bold; font-size:12px; color:#333;} #paxAdvanced label.child {width:121px;} #paxAdvanced input, #pax {text-align:center; width:19px; margin-bottom:0;} #paxAdvanced a {background:none; bottom:7px; color:#1A80C9; right:1px; text-indent:0; top:auto;} #paxAdvanced a:hover {color:#C91C29;} #morePax {font-size:11px; position:absolute; bottom:-19px; left:-66px; width:150px;} span.adv {color:#C60000; display:none; right:-12px; position:absolute;} span.adv.show {display:inline;} .cabinLabel {display:none;} #cabinClass {float:left; margin:0 0 0 27px;} #fareOpt {margin:0 0 0 20px;} /*============================================================================================================================== Calendar ================================================================================================================================*/ #calendar {margin:0 0 13px 39px; padding:0 29px 0 31px; overflow:hidden; position:relative;} #calendar #nextMonth, #calendar #prevMonth {position:absolute; top:0; height:175px; background:#fff;} #calendar #nextMonth {right:0;} #calendar #prevMonth {left:0;} #calendar #nextMonth a, #calendar #prevMonth a {background-color:#026AB4; border:1px solid #035895; text-shadow:0 1px 0 #215BA2; text-decoration:none; font-family:Trebuchet MS; font-size:19px; font-weight:bold; padding:12px 4px; color:#fff; display:block;} #calendar #nextMonth a {margin:66px 5px 0 0; -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; background-image:-moz-linear-gradient(right, #2882D5, #026AB4); background-image:-webkit-gradient(linear, left top, right top, from(#026AB4), to(#2882D5)); background-image:linear-gradient(right, #2882D5, #026AB4); -moz-box-shadow:-1px 0 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:-1px 0 0 rgba(255, 255, 255, 0.25) inset; box-shadow:-1px 0 0 rgba(255, 255, 255, 0.25) inset;} #calendar #prevMonth a {margin:66px 0 0; -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; background-image:-moz-linear-gradient(right, #026AB4, #2882D5); background-image:-webkit-gradient(linear, left top, right top, from(#2882D5), to(#026AB4)); background-image:linear-gradient(right, #026AB4, #2882D5); -moz-box-shadow:1px 0 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:1px 0 0 rgba(255, 255, 255, 0.25) inset; box-shadow:1px 0 0 rgba(255, 255, 255, 0.25) inset;} #calendar #nextMonth a:hover, #calendar #prevMonth a:hover {background:#1A80C9;} #calendarHolder {overflow:hidden; padding:0px; margin:5px 0 10px; height:170px;} li.month {float:left; margin:0 15px 0 2px; width:168px; list-style:none; height:162px; -moz-box-shadow:0 1px 3px #696868; -webkit-box-shadow:0 1px 3px #696868; box-shadow:0 1px 3px #696868; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .no-boxshadow li.month {margin:0 13px 0 2px; border:1px solid #CBCBCB;} li.month h6 {background:#696868; padding:1px 0; color:#fff; font-size:12px; text-align:center; margin:0px; -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;} .dt1Color li.month h6 {background-color:#1A80C9;} .rdtColor li.month h6 {background-color:#C91C29;} .dt2Color li.month h6 {background-color:#C91C29;} .dt3Color li.month h6 {background-color:#E39937;} .dt4Color li.month h6 {background-color:#07A700;} li.month div.day {width:22px; color:#484848; text-align:center; background:#F4F4F4; float:left; font:10px "Lucida Grande","Lucida Sans Unicode",sans-serif; padding:4px 1px; cursor:pointer;} li.month div.day:hover {width:20px; border:1px solid #F4F4F4; padding:3px 1px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .dt1Color li.month div.day:hover {background-color:#1A80C9; color:#fff;} .rdtColor li.month div.day:hover {background-color:#C91C29; color:#fff;} .dt2Color li.month div.day:hover {background-color:#C91C29; color:#fff;} .dt3Color li.month div.day:hover {background-color:#E39937; color:#fff;} .dt4Color li.month div.day:hover {background-color:#07A700;color:#fff;} li.month div.dow {width:22px; color:#484848; text-align:center; border-bottom:1px solid #696868; background:#fff; float:left; font:bold 10px Verdana; padding:0 1px;} li.month div.past {cursor:auto !important; background:#fff; color:#A9A7A7;} li.month div.past:hover {background:#fff !important; color:#A9A7A7 !important; border:1px solid #fff !important;} li.month div.today {width:20px; border:1px solid #F4F4F4; padding:3px 1px; background:#FFD563; color:#000; cursor:auto; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} li.month div.today:hover {background:#FFD563; color:#000;} li.month div.prev, li.month div.next {cursor:auto; visibility:hidden; background:transparent; -moz-box-shadow:0 0 0 transparent; -webkit-box-shadow:0 0 0 transparent; box-shadow:0 0 0 transparent;} li.month div.prev:hover, li.month div.next:hover {background:transparent;} li.month div.selected {width:20px; border:1px solid #F4F4F4; padding:3px 1px; background-color:#C91C29; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} li.month div.selected1 {width:20px; border:1px solid #F4F4F4; padding:3px 1px; background-color:#1A80C9; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} li.month div.selectedr {width:20px; border:1px solid #F4F4F4; padding:3px 1px; background-color:#C91C29; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} li.month div.selected2 {width:20px; border:1px solid #F4F4F4; padding:3px 1px; background-color:#C91C29; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} li.month div.selected3 {width:20px; border:1px solid #F4F4F4; padding:3px 1px; background-color:#E39937; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} li.month div.selected4 {width:20px; border:1px solid #F4F4F4; padding:3px 1px; background-color:#07A700; color:#fff; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #dt1:focus {border-color:#1A80C9 #1A80C9 #1A80C9 #1A80C9;} #rdt:focus {border-color:#C91C29 #C91C29 #C91C29 #C91C29;} #dt2:focus {border-color:#C91C29 #C91C29 #C91C29 #C91C29;} #dt3:focus {border-color:#E39937 #E39937 #E39937 #E39937;} #dt4:focus {border-color:#07A700 #07A700 #07A700 #07A700;} #dt1.dt1Target {border-color:#1A80C9 #1A80C9 #1A80C9 #1A80C9;} #rdt.rdtTarget {border-color:#C91C29 #C91C29 #C91C29 #C91C29;} #dt2.dt2Target {border-color:#C91C29 #C91C29 #C91C29 #C91C29;} #dt3.dt3Target {border-color:#E39937 #E39937 #E39937 #E39937;} #dt4.dt4Target {border-color:#07A700 #07A700 #07A700 #07A700;} #advancedCity {background:#fff; border:1px solid #C0C0C0; left:777px; padding:5px; position:absolute; top:76px; width:300px;} #advancedCity #advCity {width:231px} #advResults a {text-decoration:none; color:inherit; border-left:solid 3px #fff; padding:2px; outline:none; display:block;} #advResults a:hover {border-left:solid 3px #1A80C9;} #advResults span.term {color:#1A80C9; font-weight:bold;} #advResults #resultList {margin-top:5px;} #advResults #resultList span.code {color:#1A80C9;} #advResults #resultList span.distance {display:block; color:#c0c0c0;} #advResults span.none {color:#C91C29; display:block; margin-top:5px;} #advResults #resultList li {font-size:11px;} .sidebox {background:#fff; border:solid 1px #c0c0c0; margin-bottom:35px; padding:20px; font:13px Arial; position:relative;} .sidebox h4 {font:16px "Lucida Grande","Lucida Sans Unicode",sans-serif; margin-bottom:15px; color:#C91C29;} .sidebox .icon {position:absolute; right:5px; top:-20px;} .sidebox li {padding:6px 0; font-size:12px;} input.InvalidValidation {background-color:#FFFFC5; background-image:-moz-linear-gradient(0pt 7% 90deg, #FEFDCE, #FFFFC5); background-image:-webkit-gradient(linear, 0% 0%, 0% 7%, from(#FEFDCE), to(#FFFFC5)); border-color:#DD4B39;} /*============================================================================================================================== AIR SEARCH ================================================================================================================================*/ #ResReg {padding:0 17px; font-size:11px;} /*============================================================================================================================== HEADING ================================================================================================================================*/ h2.step {float:left; padding:0 0 20px 18px; font-size:16px; font-weight:bold; margin:0; text-transform:none; color:#C91C29;} h2.step strong {color:#696868; display:block; font-size:13px; font-weight:normal; padding:3px 0 0;} h2.step small {color:#B5B5B5; font-weight:normal; font-size:13px;} #linkBagFee {font-size:12px; font-weight:normal; color:#696868; padding-top:8px;} /*============================================================================================================================== PROGRESS TRACKER ================================================================================================================================*/ #prt {font-family:Arial; float:right; font-size:10px; margin:0 0 20px; border-collapse:collapse;} #prt a {text-decoration:underline; cursor:pointer;} #prt td {background:url(/images/v25/progress.imgx) -2px -33px; padding:0; width:95px; color:#929292; vertical-align:top; text-align:center; line-height:12px;} #prt td.frt {padding:0; width:3px; background-position:left -33px;} #prt td.end {padding:0; width:3px; background-position:right -33px;} #prt .comp div, #prt .active div, #prt .futr div, #prt .futrDis div {background-image:url(/images/v25/progress.imgx); width:17px; height:17px; margin:0 auto 2px;} #prt .comp div {background-position:245px -11px; width:13px;} #prt .active div {background-position:47px -11px;} #prt .futr div {background-position:147px -11px;} #prt .futrDis div {background-position:147px -11px;} #prt em, #prt .active em {display:block; color:#929292; font-weight:normal; font-style:normal;} #prt .active {color:#303030; font-weight:bold;} /*============================================================================================================================== SELECT AIRLINE REGION ================================================================================================================================*/ #alReg {position:relative; clear:both; width:946px; height:161px;} #alPrev, #alNext {position:absolute; text-indent:-9999px; display:block; top:0; width:20px; height:144px; overflow:hidden; border:1px solid #035895; background-color:#1A80C9; background-image:url(/images/v25/direct-arrows.imgx); background-repeat:no-repeat;} #alPrev {left:0; background-position:-2% 50%; background-position:-2% 50%,0 0; background-image:url(/images/v25/direct-arrows.imgx); background-image:url(/images/v25/direct-arrows.imgx),-moz-linear-gradient(right, #026AB4, #2882D5); background-image:url(/images/v25/direct-arrows.imgx),-webkit-gradient(linear, left top, right top, from(#2882D5), to(#026AB4)); background-image:url(/images/v25/direct-arrows.imgx),linear-gradient(right, #026AB4, #2882D5); -moz-border-radius:4px 0 0 4px; -webkit-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; -moz-box-shadow:1px 0 0 rgba(0, 0, 0, 0.2), 5px 0 7px rgba(255, 255, 255, 0.8), 1px 0 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:1px 0 0 rgba(0, 0, 0, 0.2), 5px 0 7px rgba(255, 255, 255, 0.8), 1px 0 0 rgba(255, 255, 255, 0.25) inset; box-shadow:1px 0 0 rgba(0, 0, 0, 0.2), 5px 0 7px rgba(255, 255, 255, 0.8), 1px 0 0 rgba(255, 255, 255, 0.25) inset;} #alNext {left:auto; right:0; background-position:102% 50%; background-position:102% 50%,0 0; background-image:url(/images/v25/direct-arrows.imgx); background-image:url(/images/v25/direct-arrows.imgx),-moz-linear-gradient(right, #2882D5, #026AB4); background-image:url(/images/v25/direct-arrows.imgx),-webkit-gradient(linear, left top, right top, from(#026AB4), to(#2882D5)); background-image:url(/images/v25/direct-arrows.imgx),linear-gradient(right, #2882D5, #026AB4); -moz-border-radius:0 4px 4px 0; -webkit-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; -moz-box-shadow:-1px 0 0 rgba(0, 0, 0, 0.2), -5px 0 7px rgba(255, 255, 255, 0.8), -1px 0 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:-1px 0 0 rgba(0, 0, 0, 0.2), -5px 0 7px rgba(255, 255, 255, 0.8), -1px 0 0 rgba(255, 255, 255, 0.25) inset; box-shadow:-1px 0 0 rgba(0, 0, 0, 0.2), -5px 0 7px rgba(255, 255, 255, 0.8), -1px 0 0 rgba(255, 255, 255, 0.25) inset;} #alPrev:hover, #alNext:hover {background-color:#1A80C9; background-image:url(/images/v25/direct-arrows.imgx); cursor:pointer;} #alPrev:active {background-image:url(/images/v25/direct-arrows.imgx), -moz-linear-gradient(left, #8B2727, #5F0A0A); background-image:url(/images/v25/direct-arrows.imgx), -webkit-gradient(linear, left top, right top, from(#8B2727), to(#5F0A0A)); background-image:url(/images/v25/direct-arrows.imgx), linear-gradient(left, #8B2727, #5F0A0A); -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} #alNext:active {background-image:url(/images/v25/direct-arrows.imgx), -moz-linear-gradient(right, #8B2727, #5F0A0A); background-image:url(/images/v25/direct-arrows.imgx), -webkit-gradient(linear, left top, right top, from(#5F0A0A), to(#8B2727)); background-image:url(/images/v25/direct-arrows.imgx), linear-gradient(right, #8B2727, #5F0A0A); -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} #alWndw {left:0; border:1px solid #C2D0E6; width:934px; padding:8px 5px 10px; height:126px; overflow:hidden; position:relative; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; background-color:#F9FBFF; background:-moz-linear-gradient(-90deg, #FCFEFF, #FFFFFF, #FCFEFF); background:-webkit-linear-gradient(-90deg, #FCFEFF, #FFFFFF, #FCFEFF); background:linear-gradient(-90deg, #FCFEFF, #FFFFFF, #FCFEFF); -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset; box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} #alList {position:absolute; left:10px; width:1980px; margin:0; padding:0;} #alList li {display:block; height:122px; position:relative; float:left; margin:0 2px; border:3px solid transparent; width:104px; font-size:10px; line-height:12px; text-align:center; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px;} #alList li.active, #alList li.active:hover {cursor:default; border-color:#C2D0E6; background:#fff;} #alList li.active a.prc, #alList li.active:hover a.prc, #alList li.active:active a.prc {cursor:default; color:#C91C29;} #alList li:hover {border-color:#C91C29; background:#fff; cursor:pointer;} #alList img {display:block; margin:7px auto 0; width:26px; height:26px;} #alList em {display:block; font-style:normal; font-size:10px; width:86px; height:13px; left:4px; bottom:40px; position:absolute; padding:4px; background:#026AB4; background-image:-moz-linear-gradient(center top, #2882D5, #026AB4); background-image:-webkit-gradient(linear, center top, center bottom, from(#2882D5), to(#026AB4)); background-image:linear-gradient(top, #2882D5, #026AB4); text-shadow:0 1px 0 #215BA2; border:1px solid #035895; color:#fff; text-align:center; white-space:nowrap; overflow:hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset;} #alList li:hover em {background:#1A80C9;} #alList a.prc:before {content:"from"; display:block; font-size:10px; text-align:center; color:#919191; font-weight:normal; padding-left:1px;} #alList a.prc {position:absolute; bottom:4px; width:105px; display:block; padding:0; background:transparent; color:#1A80C9; text-shadow:none; border:none; font-size:15px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} #alList strong {display:block; font-weight:normal; left:0; position:absolute; top:40px; width:104px;} /*--- Non CSS3 browsers ---*/ .no-cssgradients #alPrev, .no-cssgradients #alNext {background-image:url(/images/v25/direct-arrows.imgx);} .no-cssgradients #alPrev:hover, .no-cssgradients #alNext:hover {background-image:url(/images/v25/direct-arrows.imgx);} /*============================================================================================================================== FLOATING HEADER REGION ================================================================================================================================*/ #headerSpace {height:80px; clear:both;} #headerReg {width:946px; font-family:Arial;} .headerRegfxd {position:fixed; top:-1px; z-index:2; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.25); box-shadow:0 1px 2px rgba(0, 0, 0, 0.25);} .headerRegfxd #fltrReg {-moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} /*--- Filter Region ---*/ #fltrReg {height:28px; color:#fff; border:1px solid #303030; background-color:#404040; background-image:-moz-linear-gradient(center top , #595959, #3A3A3A); background-image:-webkit-gradient(linear, center top, center bottom, from(#595959), to(#3A3A3A)); background-image:linear-gradient(top, #595959, #3A3A3A); -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;} #fltrReg strong {float:left; color:#9C9C9C; padding:5px 10px 0 10px; font-size:12px; font-weight:normal; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;} #fltrReg ul {margin:0; padding:0;} .fltrRegL1 {border:1px solid #303030; position:relative; font-weight:bold; line-height:18px; float:left; list-style:none; margin:4px 15px 0 0; padding:0 5px 0 17px; background:url(/images/v25/led-indicator.imgx) no-repeat 4px 5px; background-color:rgba(255,255,255,.1); -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .fltrRegL1 em {text-decoration:none; font-style:normal; color:#fff; padding-right:14px; background:url(/images/v25/menu-arrow.imgx) no-repeat right 1px;} .fltrRegL1.hover {background-color:#232323; cursor:default; padding:0 5px 5px 17px; -moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; -moz-box-shadow:0px 4px 4px rgba(0, 0, 0, 0.45); -webkit-box-shadow:0px 4px 4px rgba(0, 0, 0, 0.45); box-shadow:0px 4px 4px rgba(0, 0, 0, 0.45);} .fltrRegL1.hover em {color:#FFEAB3;} .fltrRegL1.on {background-position:4px -55px;} .fltrRegL1.hover .fltrRegL2 {display:block;} .fltrRegL2 {display:none; position:absolute; border-color:#303030; border-style:solid; border-width:0 1px 1px; padding:2px 0 5px; left:-1px; top:23px; z-index:2; white-space:nowrap; background:#232323; -moz-border-radius:0 3px 3px 3px; -webkit-border-radius:0 3px 3px 3px; border-radius:0 3px 3px 3px; -moz-box-shadow:0 3px 3px rgba(0, 0, 0, 0.7); -webkit-box-shadow:0 3px 3px rgba(0, 0, 0, 0.7); box-shadow:0 3px 3px rgba(0, 0, 0, 0.7);} .fltrRegL2 li {list-style:none; padding:1px 13px 1px 3px; position:relative; border-width:1px 0; border-style:solid; border-color:transparent;} .fltrRegL2 label {display:block; padding:1px 8px 1px 23px; margin-right:30px; text-indent:-15px; color:#fff; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} .fltrRegL2 label input {vertical-align:bottom; margin:0; position:relative; top:-3px; left:-3px;} .fltrRegL2 li a {position:absolute; top:2px; right:10px; color:#96BDE7; text-decoration:none;} .fltrRegL2 li a:hover {text-decoration:underline; color:#fff;} .fltrRegL2 li:hover {border-color:#000; background-color:#5c5c5c; cursor:pointer; background-image:-moz-linear-gradient(center top , #595959, #474747); background-image:-webkit-gradient(linear, center top, center bottom, from(#486E9D), to(#315C89)); background-image:linear-gradient(top, #486E9D, #315C89);} .fltrRegL2 .uiButton {color:#036; display:block; border-color:#CFD9E7; font-size:11px; text-shadow:none; line-height:14px; width:90px; margin:7px auto 5px; padding:2px 0 3px; background-image:-moz-linear-gradient(center top , #FBFBFB, #CDD3DA); background-image:-webkit-gradient(linear, center top, center bottom, from(#FBFBFB), to(#CDD3DA)); background-image:linear-gradient(top, #FBFBFB, #CDD3DA);} .fltrRegL2 .uiButton:hover {color:#fff; border-color:#521F1F; background-image:-moz-linear-gradient(top, #993B3B, #761313); background-image:-webkit-gradient(linear, center top, center bottom, from(#993B3B), to(#761313)); background-image:linear-gradient(top, #993B3B, #761313);} .fltrApL1 .fltrRegL2 label {margin-right:0;} #togDet {float:right; width:128px; height:28px; border-left:1px solid #303030; background:url(/images/v25/expert-mode.imgx) no-repeat 84px -29px; position:relative;} #togDet a {background:url(/images/v25/expert-mode.imgx) no-repeat 57px 2px; text-decoration:none; display:block; height:24px; color:#9C9C9C; padding:5px 5px 0 10px; font-size:12px; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;} #togDet em {text-align:right; position:absolute; right:71px; text-align:right; font-style:normal;} /*--- Non CSS3 browsers ---*/ .no-rgba .fltrRegL1 {background-color:#5c5c5c;} .no-rgba .fltrRegL1:hover {background-color:#232323;} .no-cssgradients .fltrRegL2 .uiButton {background-image:url(/images/v25/button.imgx); background-color:#C9D8E8; border:1px solid #1F3452;} .no-cssgradients .fltrRegL2 .uiButton:hover {background-color:#C91C29; border-color:#521F1F;} /*--- Sort Region ---*/ #sortReg {height:27px; background:#DCECF9; overflow:hidden; border-color:#A1BDCF; border-style:solid; border-width:0 1px 1px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;} #sortReg a, #sortReg span {font-weight:bold; font-size:11px; line-height:13px; padding:2px 3px; display:block; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;} #sortReg ul {margin:0; padding:0;} #sortReg li {list-style:none; padding-top:5px; padding-bottom:5px; padding-left:7px; margin:0; float:left; display:block;} #sortReg a {text-decoration:underline;} #sortReg a:hover {color:#fff; background-color:#1A80C9; border-color:#C91C29; text-decoration:none;} #sortReg li.asc, #sortReg li.dsc {background-image:url(/images/v25/sort-arrows.imgx); background-repeat:no-repeat;} #h_prce {padding-right:30px;} #h_prce.asc {background-position:43px 9px;} #h_prce.dsc {background-position:43px -51px;} #h_valu {padding-right:174px;} #h_valu.asc {background-position:46px 9px;} #h_valu.dsc {background-position:46px -51px;} #h_itin {padding-right:60px;} #h_dept {padding-right:32px;} #h_dept.asc {background-position:58px 9px;} #h_dept.dsc {background-position:58px -51px;} #h_arrv {padding-right:32px;} #h_arrv.asc {background-position:56px 9px;} #h_arrv.dsc {background-position:56px -51px;} #h_stop {padding-right:56px;} #h_stop.asc {background-position:47px 9px;} #h_stop.dsc {background-position:47px -51px;} #h_durr {padding-right:14px;} #h_durr.asc {background-position:61px 9px;} #h_durr.dsc {background-position:61px -51px;} #h_bags {padding-right:48px;} /*============================================================================================================================== FLIGHT RESULT OPTIONS ================================================================================================================================*/ .resOption {position:relative; clear:both; padding-top:70px; color:#303030; border:1px solid #BFC7D5; margin:0 0 10px; font-size:12px; overflow:hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background-image:-moz-linear-gradient(-90deg, #FCFEFF, #FBFBFB, #FCFEFF); background-image:-webkit-linear-gradient(-90deg, #FCFEFF, #FBFBFB, #FCFEFF); background-image:linear-gradient(-90deg, #FCFEFF, #FBFBFB, #FCFEFF); -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset; box-shadow:0 0 2px rgba(0, 0, 0, 0.2) inset;} .resSelected {background:#EDFFE0;} .resData {position:absolute; top:7px; left:115px; overflow:hidden; width:850px; height:30px;} .resAirl {font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; float:left; width:190px;} .resAirl img {height:23px; width:23px; vertical-align:middle; margin:4px 7px 0 0; float:left;} .resNameNum {float:left; font-size:11px;} .resNameNum em {font-size:10px; display:block; font-style:normal;} .resNameNum em a {color:#929292; border-bottom:1px dotted #C5C5C5; text-decoration:none;} .resItin {float:left; width:105px;} .resItin em {font-size:14px;} .resItin span {border-bottom:1px dotted #C5C5C5; cursor:pointer;} .resNextday, .resStops {font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:10px; color:#929292;} .resStops a {color:#929292; border-bottom:1px dotted #C5C5C5; text-decoration:none;} .resDept, .resArrv {font-size:11px; width:87px; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; float:left;} .resArrv strong, .resDept strong {font-size:14px; font-weight:bold; font-family:Arial; color:#000;} .resStop {width:100px; float:left;} .resDurr {width:75px; float:left;} .resSumm {display:none;} .resBags {width:87px; float:left;} .resBags table {border-collapse:collapse;} .resBags .num {background:url(/images/v25/bags.imgx) no-repeat 0 2px; color:#929292; font-family:Arial; padding-left:15px; width:24px;} .resBags td {border:0; padding:0; font-size:10px; line-height:14px; font-family:Verdana;} .resBags td span {color:#027421; font-family:Tahoma;} .resDetBtn {float:left;} #resultsContainer .resDetBtn button {display:block; font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif; font-size:10px; margin:0 auto 5px; padding:0 0 1px; line-height:10px; width:84px; min-width:84px; font-weight:normal;} .resOption .nte {position:absolute; left:844px; top:23px;} .resOption .nte td {padding:0; width:90px; height:42px; overflow:hidden; vertical-align:middle;} /*--- Value Rating ---*/ .resValu {position:absolute; left:90px; top:1px; z-index:1;} .resValu strong {border-style:solid; border-width:1px; cursor:pointer; color:#fff; display:block; line-height:10px; font-size:10px; height:11px; margin-top:5px; padding:3px 0; text-align:center; width:18px; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset, -1px 1px 1px rgba(0, 0, 0, 0.5); -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset, -1px 1px 1px rgba(0, 0, 0, 0.5); box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset, -1px 1px 1px rgba(0, 0, 0, 0.5); text-shadow:1px 1px 1px rgba(0, 0, 0, 0.4);} .resValu .s0 {background:#980702; border-color:#980702;} .resValu .s1 {background:#c54f00; border-color:#C6480A;} .resValu .s2 {background:#c54f00; border-color:#C6480A;} .resValu .s3 {background:#c54f00; border-color:#C6480A;} .resValu .s4 {background:#D3A100; border-color:#BA8817;} .resValu .s5 {background:#D3A100; border-color:#BA8817;} .resValu .s6 {background:#D3A100; border-color:#BA8817;} .resValu .s7 {background:#428d00; border-color:#3F6F00;} .resValu .s8 {background:#428d00; border-color:#3F6F00;} .resValu .s9 {background:#428d00; border-color:#3F6F00;} .resValu .s10 {background:#018308; border-color:#0B7811;} .resValu .s11 {background:#018308; border-color:#0B7811;} .resValu .s12 {background:#018308; border-color:#0B7811;} /*--- Price Button ---*/ .resPrce {position:absolute; left:7px; top:1px;} .resPrce .uiButton {width:93px; min-width:93px; padding:2px 0 4px; font-size:17px;} .resPrce strong {display:block; text-align:center; font-size:10px; font-weight:bold; line-height:10px; padding:3px 0 3px 3px; color:#929292;} .resPrce button em {background-image:-moz-linear-gradient(center top , rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.3)); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.15)), to(rgba(0, 0, 0, 0.3))); background-image:linear-gradient(top, rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.3)); -moz-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.3) inset, -1px -1px 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:1px 1px 0 rgba(0, 0, 0, 0.3) inset, -1px -1px 0 rgba(255, 255, 255, 0.25) inset; box-shadow:1px 1px 0 rgba(0, 0, 0, 0.3) inset, -1px -1px 0 rgba(255, 255, 255, 0.25) inset; color:#FEEED5; display:block; font-family:Arial; font-size:11px; font-style:normal; font-weight:bold; line-height:9px; margin:3px auto 0; padding:2px 0 5px; text-shadow:0 1px 0 #454545; width:84px; -moz-border-radius:2px 4px 2px 4px; -webkit-border-radius:2px 4px 2px 4px; border-radius:2px 4px 2px 4px;} .resPrce button.noFare strong {display:none;} .resPrce button.noFare {font-size:14px; padding:8px 0;} /*--- Horizontal Bars ---*/ .resGrph {width:728px; position:absolute; top:45px; left:113px; height:18px; overflow:hidden;} .resGrph .seg:first-child {-moz-border-radius-topleft:4px; -moz-border-radius-bottomleft:4px; -webkit-border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; border-bottom-left-radius:4px;} .resGrph .seg:last-child {-moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; border-bottom-right-radius:4px;} .resGrph .seg {cursor:pointer; height:13px; overflow:hidden; font-size:9px; color:#4A3F29; font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif; float:left; border-color:#ADAC90 #ADAC90 #9F9F91; border-style:solid; border-width:1px; line-height:12px; text-align:center; background-image:-moz-linear-gradient(top, #F9EED1, #EEE1BD); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#F9EED1), to(#EEE1BD)); background-image:linear-gradient(top, #F9EED1, #EEE1BD);} .resGrph .seg:hover {-moz-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15) inset; -webkit-box-shadow:0 2px 2px rgba(0, 0, 0, 0.15) inset; box-shadow:0 2px 2px rgba(0, 0, 0, 0.15) inset;} .resGrph .seg img {height:25px; width:1px; float:left;} .resGrph .lyo {color:#664E1D; border-width:1px 0; border-color:#ADAC90 #ADAC90 #9F9F91; background-image:-moz-linear-gradient(top, #EFD898, #EFCF98); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#EFD898), to(#EFCF98)); background-image:linear-gradient(top, #EFD898, #EFCF98);} /*--- Codeshare ---*/ #results .ast {font-family:Verdana; font-size:10px; color:#929292;} #results .codeSh {clear:both; background:#F5F7FC; text-align:center; border-top:1px solid #D7E1F7; line-height:10px; font-size:10px; color:#9CA2B7; padding:0 3px 2px 5px; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px;} /*--- Simple Display ---*/ #resultsContainer.smp .resPrce {top:10px;} #resultsContainer.smp .resValu {top:-2px;} #resultsContainer.smp .resGrph, #resultsContainer.smp .resPrce strong, #resultsContainer.smp .resPrce em, #resultsContainer.smp .resDetBtn {display:none;} #resultsContainer.smp #results > :first-child .resOption:first-of-type {-moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;} #resultsContainer.smp #results > :last-child .resOption:last-of-type {-moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px;} /*#resultsContainer.smp .resGrph {width:66px; top:26px; left:684px; height:18px;} #resultsContainer.smp .resGrph .seg {text-indent:-999em; height:6px;}*/ #resultsContainer.smp .resOption {margin:0 0 -1px; padding-top:42px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} #resultsContainer.smp .resPrce button.uiButton {font-size:14px; padding:3px 0;} #resultsContainer.smp .resPrce button.noFare {font-size:11px; padding:4px 0;} #resultsContainer.smp .nte img.icon {margin:2px 2px 50px;} #resultsContainer.smp .nte {top:10px;} /*--- Non CSS3 browsers ---*/ .no-rgba .resPrce button em {box-shadow:1px 1px 0 #0F4B77 inset, -1px -1px 0 #4D83AA inset;} .no-cssgradients .resPrce .uiButton {background-image:url(/images/v25/button.imgx); background-position:0 0px;} .no-cssgradients .resPrce button em {background:#044E83; border:1px solid #0A4472; padding:2px 0;} .no-cssgradients .resGrph .seg {background-color:#ECE0BF; background-image:url(/images/v25/button.imgx);} .no-cssgradients .resGrph .lyo {background-color:#E9CB8C; background-image:url(/images/v25/button.imgx);} /*============================================================================================================================== INFO ICONS ================================================================================================================================*/ .nte img.icon {height:18px; width:18px; vertical-align:middle; margin:2px; background-repeat:no-repeat;} .nte .amenF {background:url(/images/v25/amen-F.imgx);} .nte .amenL {background:url(/images/v25/amen-L.imgx);} .nte .amenM {background:url(/images/v25/amen-M.imgx);} .nte .amenN {background:url(/images/v25/amen-N.imgx);} .nte .amenP {background:url(/images/v25/amen-P.imgx);} .nte .amenR {background:url(/images/v25/amen-R.imgx);} .nte .amenU {background:url(/images/v25/amen-U.imgx);} .nte .amenT {background:url(/images/v25/amen-T.imgx);} .nte .amenW {background:url(/images/v25/amen-W.imgx);} /*============================================================================================================================== FLIGHT SEGMENT DETAIL TOOLTIP ================================================================================================================================*/ .tooltipDtls .alImg {width:18px; height:18px; margin:-2px 3px 0 0; vertical-align:middle;} .tooltipDtls h2 {font-size:13px; overflow:hidden; font-weight:normal; color:#414141; border-bottom:1px solid #A1B3CF; margin:-9px -10px 4px; padding:5px 8px; background-color:#F9FBFF; background:-moz-linear-gradient(-90deg, #F9FBFF, #EEF1F7, #F9FBFF); background:-webkit-linear-gradient(-90deg, #F9FBFF, #EEF1F7, #F9FBFF); background:linear-gradient(-90deg, #F9FBFF, #EEF1F7, #F9FBFF); -moz-border-radius:4px 4px 0 0; -webkit-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0;} .tooltipDtls h2 em {font-style:normal; float:right; padding-left:15px;} .tooltipDtls h2 div {float:left} .tooltipDtls h2 strong {float:left; font-weight:normal; display:block; margin:-1px 0 0 6px; background:#fff; border:1px solid #B5B5B5; padding:1px 5px; font-size:11px; color:#929292; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .tooltipDtls .cdShr {background:#FFFDBF; border-bottom:1px solid #A1B3CF; font-family:Tahoma; font-size:9px; font-weight:bold; margin:-4px -10px 4px; padding:2px 8px;} .tooltipDtls .ast {font-family:Verdana; font-size:10px; color:#929292;} .tooltipDtls table {border-collapse:collapse; margin:5px 0 3px;} .tooltipDtls td {vertical-align:top;} .tooltipDtls .lbl {padding-right:15px; text-transform:uppercase;} .tooltipDtls .tme {padding-left:15px; white-space:nowrap;} .tooltipDtls .tme strong {font-family:Arial; color:#000; font-size:14px; font-weight:bold;} .tooltipDtls .tme em {color:#929292; padding-left:5px; font-style:normal;} .tooltipDtls .cty em {color:#929292; font-style:normal;} .tooltipDtls .bc {clear:both; margin:10px 0 3px; width:100%; border:1px solid #7E99BE;} .tooltipDtls .bc th {background:#7E99BE; color:#fff; font-weight:bold; font-family:Tahoma; border-bottom:1px solid #7E99BE;} .tooltipDtls .bc td {padding:1px 5px; border-top:1px dotted #C3D1ED;} .tooltipDtls .bc .bclass {background:#F5F7FC; white-space:nowrap;} .tooltipDtls .bc .na {text-align:center;} .tooltipDtls .clss {color:#929292; font-weight:bold; margin:3px 0 2px; font-family:Tahoma;} .tooltipDtls .more {color:#929292; margin:3px 0 2px;} .tooltipDtls .more em {color:#484848; font-family:Verdana; padding:0 5px;} #tooltip .layCity {font-weight:bold; padding-bottom:2px; display:block; font-family:Tahoma;} #tooltip .nte {padding:0; overflow:hidden;} #tooltip .nte li {margin:5px 0 0; padding:0; list-style:none; float:left; width:50%;} #tooltip .nte img {margin:0 5px 0 0;} #tooltip .nte strong {font-family:Tahoma;} #tooltip .nte p {padding:9px 0;} #tooltip .nte .F, #tooltip .nte .M, #tooltip .nte .P, #tooltip .nte .R, #tooltip .nte .T, #tooltip .nte .W {color:#027421;} #tooltip .nte .N, #tooltip .nte .U, #tooltip .nte .L {color:#B20000;} #tooltip .nteDesc {margin:0; width:auto;} #tooltip .nteDesc li {float:none; width:auto;} #tooltip span.amenDisclaim {display:block; font-size:10px; line-height:12px;} #tooltip span.offered {color:#027421; font-weight:bold; font-family:Tahoma;} #tooltip span.noffered {color:#B20000; font-weight:bold; font-family:Tahoma;} /*============================================================================================================================== SEATMAP ================================================================================================================================*/ #seatmapBox {border:0;} #seatmapBox .seatmapLegend {height:450px;} .seatmapTabs {-moz-box-shadow:0 -11px 5px -9px rgba(0, 0, 0, 0.09) inset; -webkit-box-shadow:0 -11px 5px -9px rgba(0, 0, 0, 0.09) inset; box-shadow:0 -11px 5px -9px rgba(0, 0, 0, 0.09) inset;} #tooltip .smPopInfoBox {padding:0; border:0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0;} /*============================================================================================================================== LOADING ANIMATION ================================================================================================================================*/ #resultsLoading {text-align:center; padding-top:70px; border:none; font-size:17px; position:absolute; height:128px; margin:130px 0 0 300px; width:380px; background:url(/images/v25/loading.imgx) no-repeat 170px 30px; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .lazyloadAnimation {width:80px; height:80px; position:fixed; right:0px; bottom:0px; z-index:1000; border:solid 3px Green; background-color:Red;} .flightLoadAnimation {height:80px; background:url(/images/v25/loading.imgx) no-repeat center} /*============================================================================================================================== NO RESULTS REGION ================================================================================================================================*/ .noResults {font-size:16px; color:#303030; padding:24px 0; text-align:center; background:#F9FBFF; border:1px solid #C2D0E6; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;} .noResults small {display:block; font-size:13px; padding-top:10px;} /*============================================================================================================================== ADAPTIVE ================================================================================================================================*/ @media only screen and (min-width:1248px) { /*--- 1248 ---*/ /*#prt td {width:120px;} #alWndw {width:1166px;} #headerSpace .tableHead {width:990px;} #headerSpace a.h_itin {left:298px;} #headerSpace a.h_dept {left:413px;} #headerSpace a.h_arrv {left:500px;} #headerSpace a.h_stop {left:601px;} #headerSpace a.h_durr {left:710px;} #headerSpace a.h_bags {left:820px;} #results .data {width:1010px; left:115px;} #results .itin {width:115px;} #results .nte {left:1116px; top:9px;} #results .arrv {width:100px;} #results .durr {width:105px;} #results .detBtn {width:170px;} #results .detBtn a {float:left; padding:2px 0 3px; width:67px; margin:6px 6px 0;} #results .resGrph {left:113px; width:1094px;} #results .prce {left:9px;} #results .prce a.uiButton {width:91px;}*/ } @media only screen and (min-width:768px) and (max-width:1001px) { /*--- 768 ---*/ /*#prt td {width:79px;} #alReg {width:748px;} #alWndw {width:736px;} #headerReg {width:748px;} #h_stop {padding-right:44px;} .resStop {width:88px;} .resGrph {width:626px;}*/ } @media only screen and (min-width:480px) and (max-width:767px) { /*--- 480 ---*/ /*h2.step {float:none; text-align:center; padding:0 0 24px;} #prt {display:none;} #alReg {width:460px; height:94px;} #alWndw {height:64px; left:0; width:448px; padding:5px;} #alList strong, #alList a {display:none;} #alList img {width:23px; height:23px;} #alPrev, #alNext {height:74px; padding:0 11px; background-position:-15% 50%;} #alNext {background-position:115% 50%;} #headerSpace {display:none;} .resOption {padding-top:67px;} .resData {left:88px;} .resPrce {top:5px; left:6px;} .resPrce a.uiButton {width:71px; padding:0 0 10px; font-size:16px;} .resPrce a.noFare {font-size:13px; padding:11px 0;} .resPrce a strong {margin:0 0 8px;} .resItin, .resDept, .resArrv, .resStop, .resDurr, .resBags, .resDetBtn {display:none;} .resSumm {display:block;} .resSumm strong {font-weight:bold; padding:0 0 0 3px;} .resSumm em {padding:0 2px 0 6px; font-size:13px;} .resSumm .nxtdy {font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:10px; color:#929292; padding-left:3px;} .resValu {right:2px; top:2px; left:auto;} .resValu strong {height:9px; width:16px; margin:0; font-size:9px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset;} .resAirl {left:222px; position:absolute; width:153px;} .resAirl img {margin:3px 6px 0 0;} .resNameNum {overflow:hidden; width:109px;} .resGrph {left:88px; top:46px; width:365px;} .resGrph .seg {height:12px;}*/ /*fixes performance issues*/ /*.resOption, .resGrph .seg, .resGrph .seg:first-child, .resGrph .seg:last-child, #alPrev, #alNext {-webkit-box-shadow:none;}*/ } @media only screen and (min-width:0px) and (max-width:479px) { /*--- 320 ---*/ /*h2.step {font-size:15px; float:none; text-align:center; padding:0 0 24px; font-size:14px;} h2.step strong, h2.step small {font-size:11px;} #prt {display:none;} #alReg {width:310px; height:94px;} #alWndw {height:64px; left:0; width:298px; padding:5px;} #alList strong, #alList a {display:none;} #alList img {width:23px; height:23px;} #alPrev, #alNext {height:74px; padding:0 11px; background-position:-15% 50%;} #alNext {background-position:115% 50%;} #alList li {width:73px;} #headerSpace {display:none;} .resOption {padding-top:89px;} .resData {left:87px; height:65px;} .resPrce {top:7px; left:6px;} .resPrce a.uiButton {width:71px; padding:0 0 12px; font-size:16px;} .resPrce a.noFare {font-size:13px; padding:15px 0;} .resPrce a strong {margin:0 0 10px; padding:3px 0 4px 3px;} .resItin, .resDept, .resArrv, .resStop, .resDurr, .resBags, .resDetBtn {display:none;} .resItin {clear:left;} .resSumm {display:block;} .resSumm strong {font-weight:bold; padding:0 0 0 3px;} .resSumm em {padding:0 2px 0 6px; font-size:13px;} .resSumm .nxtdy {font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:10px; color:#929292; padding-left:3px;} .resValu {right:2px; top:32px; left:auto;} .resValu strong {height:9px; width:16px; margin:0; font-size:9px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset;} .resAirl {border-top:1px dotted #A1B3CF; padding-bottom:6px; position:absolute; top:34px; width:216px;} .resAirl img {margin:3px 6px 0 0;} .resNameNum {overflow:hidden; width:109px;} .resGrph {width:295px; height:11px; left:6px; top:75px;} .resGrph .seg {height:7px; font-size:7px; line-height:6px;} #results .codeSh {font-size:9px; text-align:left;}*/ /*fixes performance issues*/ /*.resOption, .resGrph .seg, .resGrph .seg:first-child, .resGrph .seg:last-child, #alPrev, #alNext {-webkit-box-shadow:none;} */ } .searching #waitBox {border-color:#1A80C9 #C0C0C0 #C0C0C0; border-style:solid; border-width:4px 1px 1px; padding:25px 10px 40px; -moz-box-shadow:0 0 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 0 7px rgba(0, 0, 0, 0.3); box-shadow:0 0 7px rgba(0, 0, 0, 0.3);} .searching #flash2 {padding-top:10px;} .searching td {vertical-align:middle;} /*============================================================================================================================== General Purchase Form Styles ================================================================================================================================*/ h5.title {font-size:15px; font-weight:bold; white-space:nowrap; border-style:solid; border-color:#C0C0C0; border-width:1px 1px 1px 0; color:#8B8882; width:200px; padding:7px 0; margin:10px 0 20px -27px; background:#FFF5DC; padding:7px 20px; -moz-border-radius:0 5px 5px 0; -webkit-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0;} h6.title {font-size:12px; font-weight:bold; background:#333; color:#E8E8E8; padding:5px 10px;} .subsection {padding:0 20px;} .subsubsection {border:solid 1px #C0C0C0;} .clear {clear:both;} .confirmationEmail {display:none;} #frmPurchase select {width:auto !important;} .subsection input[type=text], .subsection input[type=email], .subsection select {color:#333; background-color:#fff; background-image:-moz-linear-gradient(0% 7% 90deg, #fff, #E6E6E6); background-image:-webkit-gradient(linear, 0% 0%, 0% 7%, from(#E6E6E6), to(#fff));} .errorMesgGood {background-color:#57A957; border-color:#037B06 #A3A3A3; border-style:solid; border-width:4px 1px 1px; color:#fff; font-size:14px; font-weight:bold; line-height:18px; margin:-22px -8px 40px; padding:10px 100px; text-align:center; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-image:-moz-linear-gradient(center top , #62C462, #57A957); background-image:-webkit-gradient(linear, center top, center bottom, from(#62C462), to(#57A957)); background-image:linear-gradient(top, #62C462, #57A957); -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset;} .errorMesg {background-color:#FFF0B5; border-color:#BCAA62 #C4C4C4; border-style:solid; border-width:0 1px 1px; color:#404040; font-size:14px; font-weight:bold; line-height:18px; margin:-18px -8px 40px; padding:10px 100px; text-align:center; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset;} input[type="text"].hint-date {background-image:url(/images/hint-date.imgx); background-image:url(/images/hint-date.imgx),-moz-linear-gradient(0% 7% 90deg, #FFFFFF, #E6E6E6); background-image:url(/images/hint-date.imgx),-webkit-gradient(linear, 0% 0%, 0% 7%, from(#E6E6E6), to(#fff)); background-position:9px 9px; background-position:9px 9px, 0 0; background-repeat:no-repeat; background-repeat:no-repeat, repeat;} input[type="text"].hint-phone {background-image:url(/images/hint-phone.imgx); background-image:url(/images/hint-phone.imgx),-moz-linear-gradient(0% 7% 90deg, #FFFFFF, #E6E6E6); background-image:url(/images/hint-phone.imgx),-webkit-gradient(linear, 0% 0%, 0% 7%, from(#E6E6E6), to(#fff)); background-position:9px 10px; background-position:9px 10px, 0 0; background-repeat:no-repeat; background-repeat:no-repeat, repeat;} input[type="text"].hint-cc-date {background-image:url(/images/hint-cc-date.imgx); background-image:url(/images/hint-cc-date.imgx),-moz-linear-gradient(0% 7% 90deg, #FFFFFF, #E6E6E6); background-image:url(/images/hint-cc-date.imgx),-webkit-gradient(linear, 0% 0%, 0% 7%, from(#E6E6E6), to(#fff)); background-position:9px 12px; background-position:9px 12px, 0 0; background-repeat:no-repeat; background-repeat:no-repeat, repeat;} /*============================================================================================================================== Trip Details ================================================================================================================================*/ .airdtls {width:780px; padding:0 10px 15px; margin:0 auto 20px; font-size:14px; position:relative;} .airdtls h6 {margin:-1px -11px 15px;} .airdtls .subtitle {padding:3px; font-size:12px; position:absolute; right:5px; top:0; color:#aaa; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif;} .flight-table {width:100%; line-height:24px;} .airline-logo {width:50px;} .airline {width:200px; color:#252525;} .departure {width:105px;} .stops {width:120px;} .connection {background:#EDEDED; margin:15px -10px; padding:2px; text-align:center; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; color:#4F4C4C; font-size:10px; text-transform:uppercase;} .from-city label, .to-city label {width:40px; text-align:right; display:block; float:left; padding-right:10px; opacity:.7; text-transform:uppercase; font-size:11px;} .from-city span, .to-city span {display:block; float:left;} .class, .plane {opacity:.7;} .departure, .arrival {color:#252525} .operated {color:#900; font-size:11px; padding-left:50px; padding-top:4px; text-transform:uppercase;} #btn-change-flight {display:none;/* font-size:11px; margin:0 auto; padding:5px 11px;*/} /*============================================================================================================================== Price Details ================================================================================================================================*/ .priceDetails {width:100%; width:800px; margin:0 auto; font-size:14px;} .priceDetails thead tr {background:#F4F4F4;} .priceDetails th, .priceDetails td {padding:3px; height:35px; text-align:center; border-top:1px solid #C0C0C0;} .priceDetails thead th {font-weight:bold; border-top:1px solid #C0C0C0; height:26px; font-size:12px;} .priceDetails thead th.empty {border-left:1px solid #C0C0C0;} .priceDetails thead th.endtitle {border-right:1px solid #C0C0C0; width:90px;} .priceDetails tbody td.sub, .priceDetails tfoot td.subtotal {font-weight:bold;} .priceDetails tbody td.desc {border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0; background:#F4F4F4;} .priceDetails td.subtotal {text-align:right; padding-right:15px; border-left:1px solid #C0C0C0; border-right:1px solid #C0C0C0;} .priceDetails tfoot td.total, .priceDetails tfoot td.desc {border-left:1px solid #C0C0C0; font-weight:bold;} .priceDetails tfoot td.total {text-align:right; padding-right:15px; background:#F4F4F4; border-bottom:1px solid #C0C0C0;} .priceDetails tfoot td.desc {background:#F4F4F4; text-align:right; padding-right:10px;} .priceDetails tfoot tr.total td.desc {border-bottom:1px solid #C0C0C0; font-family:Verdana; font-size:12px;} .priceDetails tfoot td.total {border-right:1px solid #C0C0C0; color:#252525;} .currType {font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:11px; opacity:0.7; padding-right:71px; padding-top:4px; text-align:right; text-transform:uppercase;} /*============================================================================================================================== Passenger Information ================================================================================================================================*/ .passenger {width:750px; margin:0 auto 15px; padding:0 25px; background:#F4F4F4;} .passenger h6 {margin:-1px -26px 15px;} .passenger select {display:block;} .passenger label {font-size:13px;} .addTrav {padding-bottom:10px; overflow:hidden;} .addTrav label, .addTrav span.label {float:left; margin-right:20px;} .addTrav span.genderSpan {margin-right:0;} .addTrav span.label label {float:none;} .addTrav input[type='hidden'] {display:none;} .addTrav input {display:block; width:150px;} .notice {font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:12px; padding:10px 72px;} .notice strong {font-family:Arial;} .passRegion .notice {padding-top:0;} .dobReg {padding:5px 0 20px; overflow:hidden; clear:both; float:left;} .dobReg .lblReg {margin:0 0 1px; display:block; float:left;} .dobReg .lblReg span {float:left;} .dobReg .lblReg span.dis {color:#C5C5C5;} .dobReg .lblReg a.whyAskDOB {font-size:11px; margin:2px 6px 0; float:left;} .dobReg .inpReg {clear:both; overflow:hidden;} .dobReg .inpReg .dobField {float:left; width:109px;} .dobReg .inpReg label.DBOlater {margin:7px 0 0 6px; float:left;} .dobReg .inpReg label.DBOlater input {width:auto; display:inline;} .dobReg input.dis, .dobReg input.dis:hover {background-color:#E8E8E8; border-color:#BBBBBB #CBCBCB #D2D2D2 #D2D2D2; background-image:-moz-linear-gradient(0% 7% 90deg, #E8E8E8, #D2D2D2); background-image:-webkit-gradient(linear, 0% 0%, 0% 7%, from(#D2D2D2), to(#E8E8E8)); -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none;} .haveFF {float:right; padding:28px 2px 0 0;} .haveFF a {text-decoration:none; display:block; font-size:13px;} .passenger .ffBreak {clear:both; margin:0 -25px 0; background:#EDEDED; border-top:1px solid #C0C0C0;} .passenger .ffBreak h4 {border:0; background:#fbfbfb; text-transform:uppercase; text-align:center; padding:4px; font-size:11px; font-weight:normal; margin:0 0 10px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3); box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);} .passenger .ffBreak .ffnum {width:230px; float:left;} .passenger .ffBreak .ffnum input {float:left;} .passenger .ffdesc {display:block; font-size:11px; padding:3px 0 3px 260px; text-decoration:underline; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; color:#333;} .passenger .ffairline {display:block; margin-left:260px; margin-right:20px; float:left;} .passenger .ffairline label {display:block;} .passenger .addTravLbl {display:block;} /*============================================================================================================================== Basic Info ================================================================================================================================*/ .basicinfo fieldset {width:750px; margin:0 auto 20px; padding:10px 25px 25px; background:#F4F4F4; border:1px solid #C0C0C0;} .basicinfo label {font-size:13px;} .basicinfo label.formlabel {clear:both; display:block; float:left; margin-top:17px; padding:4px 9px 0 0; text-align:right; width:250px;} .basicinfo label[for="ci_phonei"] {padding-left:7px;} .basicinfo label[for="EmailList"] {margin-top:7px; display:block;} .basicinfo .formdata {float:left; margin-top:13px; width:365px;} .basicInfoChck {clear:both; padding:5px 0 0px 266px;} #ci_phonex {float:left; padding:7px 3px 10px;} /*============================================================================================================================== Payment Info ================================================================================================================================*/ .payment h5.title {background-image:url(/images/padlock.imgx); background-position:19px 8px; background-repeat:no-repeat; padding-left:42px; width:178px} .payment fieldset {width:750px; margin:0 auto 20px; padding:0 25px; background:#F4F4F4; border:1px solid #C0C0C0;} .payment label {font-size:13px;} .paymentOptions {background:#FBFBFB; margin:0 -25px; overflow:hidden; padding:18px 27px 14px; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.3); box-shadow:0 1px 2px rgba(0, 0, 0, 0.3);} .payment label.radio {display:block; margin-bottom:5px;} .payment label[for="cc_pmt_exp"], .payment label[for="cc_pmt_mn"] {padding:0 5px 0 12px;} .payment label[for="cc_pmt_snArw"] {padding:4px 5px 0 12px;} .payment label[for="cc_pmt_phonei"] {padding-left:9px;} .payment img.center {vertical-align:middle;} #ccImages {padding-left:258px;} #ccImages img {margin-right:2px;} #cc_pmt_N {padding:25px 0; overflow:hidden;} #wuNote {display:block; font-size:13px; color:#FBFBFB; float:left; width:216px;} #wuNote a {color:#1A80C9;} #wuNote a:hover {color:#2B9BE9;} #wuLabel {float:left; margin-top:0; width:273px;} #wuLabel img {margin-left:3px; vertical-align:middle;} #cc_pmt_exp {width:55px;} .payment label.formlabel {clear:both; display:block; float:left; margin-top:10px; padding:11px 9px 0 0; text-align:right; width:250px;} .payment .formdata {float:left; margin-top:13px; width:485px;} .payment .address input {margin-bottom:7px;} .payment img.fade {opacity:.2; filter:alpha(opacity=20);} /*============================================================================================================================== Insurance Section ================================================================================================================================*/ #specialInstructions {padding-top:20px;} #specialInstructions h5.title {color:#BCB9B1;} .travIns {background:#F4F4F4; border:1px solid #DADADA; margin:0 auto 20px; padding:25px 25px 20px; width:750px;} .travIns #travInsurLogo {background:url(/images/travel-guard.imgx) repeat scroll 0 -149px transparent; float:left; height:80px; margin:8px 20px 0 80px; width:150px;} .travIns #travInsurLogo.sel {background-position:0 0;} .travIns .descrp {float:left; width:365px;} .travIns .descrp label {margin:7px 0;} .travIns .descrp label strong {color:#252525;} .travIns ul {margin:0 0 0 36px; display:list-item;} .travIns li {list-style:square; padding:5px 0;} .travIns p {margin:0; padding:10px 0;} .travIns p.first {padding-top:0;} .travIns label {display:block;} .trvInsu {width:527px; margin:0 auto; padding:10px; background:#DDDDDD; border:1px solid #000000; margin-top:15px;} .trvInsu .about {width:525px;} .trvInsu .insrInfo {width:475px; margin:20px auto 10px; background:#fff; border:1px solid #C6D0E6; border-collapse:collapse;} .trvInsu .insrInfo td {padding:6px; height:38px; vertical-align:middle; border-bottom:1px solid #C6D0E6;} .trvInsu .insrInfo .type {width:111px;} .trvInsu .insrInfo .head {font-weight:bold;} .trvInsu .insrInfo .head td {color:#fff; background:#000000; height:auto;} .trvInsu .insrInfo .addBtn {text-align:center; font-weight:bold;} .insTyp {width:500px; margin:auto; border-collapse:collapse; border:1px solid #000000;} .insTyp .head td, .insTyp .total td {font-weight:bold; border-bottom:1px solid #000000; background:#DDDDDD; padding:10px;} .insTyp td {padding:10px; border-bottom:1px solid #000000;} .insTyp .prc {width:50px; text-align:right;} .insTyp td.chk {padding-right:0; text-align:right;} .insTyp td.lbl {padding-left:5px;} .travInsurMoreInfo {margin:15px 10px 10px; overflow:hidden;} .travInsurMoreInfo strong.head {display:block; color:#252525; padding:5px; background:#EEF6FF; border:1px solid #B5B5B5; -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.2); box-shadow:0 1px 2px rgba(0, 0, 0, 0.2);} .travInsurMoreInfo .detailsTable {height:280px; overflow-y:scroll; border:1px solid #B5B5B5; border-width:0 0 1px 1px;} .travInsurMoreInfo table {border-collapse:collapse; margin:0 auto; width:536px;} .travInsurMoreInfo td {border:1px solid #E1E1E1; border-left:0; border-top:0; padding:5px; font-size:12px;} .travInsurMoreInfo td.cov {font-weight:bold;} .travInsurMoreInfo sup {top:-0.1em} .travInsurMoreInfo .note td {background:#FFF5DC; padding:10px 15px;} .travInsurMoreInfo .note2 td {background:#FFF5DC;} .travInsurMoreInfo ul.list2 {display:list-item;} .travInsurMoreInfo ul.list2 li {list-style:square; margin:5px 15px 5px 30px; list-style-position:outside;} a.pdfInfo {background:#F4F4F4 url(/images/pdf.imgx) no-repeat 544px 11px; display:block; text-align:right; padding:10px 35px 12px; border-bottom:1px solid #B5B5B5;} /*============================================================================================================================== Delivery, Terms and Conditions, Purchase Button ================================================================================================================================*/ .delivery {margin-left:65px;} .delivery h5.title {margin-left:-92px;} p.agreement, #agreement {background:#EEF6FF; font-size:15px; color:#4B4949; border:4px double #B5B5B5; margin:15px; padding:19px 34px; width:726px; margin:45px auto 25px; line-height:20px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #agreement input.checkbox {float:left; margin-top:3px;} #agreement .termTxt {float:left; padding-left:10px; width:696px;} #agreement a, #agreement a strong {cursor:pointer; font-weight:bold; text-decoration:underline; color:#1A80C9;} #agreement a:hover, #agreement a:hover strong {color:#2B9BE9;} #agreement strong {color:#252525;} .proccessFee {font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:11px; border-radius:0 0 5px 5px;} .proccessFee strong {color:#252525; font-family:Verdana; font-size:12px; line-height:16px; margin:7px 0; display:block;} .proccessFee ul {display:list-item; margin-left:16px;} .proccessFee li {list-style:square; padding:5px 0;} .proccessFee li b {color:#252525; font-weight:normal;} #changePurchase,#cancelPurchase {display:none;} #submitPurchase {margin:0 auto 20px; display:block; padding:10px 26px; font-size:18px; text-transform:none; width:190px;} /*============================================================================================================================== Tooltips ================================================================================================================================*/ .dobReg .pInfo, .wuPopup, .cvvPopup, .tariffPop {background:#fff; border:1px solid #C0C0C0; padding:8px 20px; width:300px; margin:5px; font-size:12px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 2px rgba(0,0,0,.18); -webkit-box-shadow:1px 1px 2px rgba(0,0,0,.18); box-shadow:1px 1px 2px rgba(0,0,0,.18);} .wuPopup h3, .cvvPopup h3, .tariffPop h3 {color:#252525; font-family:Verdana; line-height:16px; margin:7px 0;} .wuPopup p, .cvvPopup p, .tariffPop p {font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:12px; margin:7px 0;} .dobReg .pInfo {z-index:2; padding:15px 20px; position:absolute; width:450px; line-height:16px; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:12px;} .dobReg .pInfo strong {color:#252525; font-family:Verdana;} .tariffPop {width:353px; padding:10px 25px 20px; font-family:"Lucida Grande","Lucida Sans Unicode",sans-serif; font-size:11px;} .tariffPop strong {color:#252525; font-family:Verdana; line-height:16px; margin:7px 0; display:block;} .tariffPop ul {display:list-item; margin-left:16px;} .tariffPop li {list-style:square; line-height:12px; padding:3px 0;} #overlay {opacity:.2; filter:alpha(opacity=20); background-color:#000; height:100%; width:100%; position:absolute; top:0px; left:0px; z-index:5;} #dialog-alert {width:300px; border:1px solid #C0C0C0; background-color:#fff; -moz-box-shadow:0 1px 7px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 1px 7px rgba(0, 0, 0, 0.3); box-shadow:0 1px 7px rgba(0, 0, 0, 0.3); -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;} #dialog-box {width:500px; background-color:#fff; -moz-border-radius:10px 10px 7px 7px; -webkit-border-radius:10px 10px 7px 7px; border-radius:10px 10px 7px 7px; -moz-box-shadow:0 1px 15px rgba(0, 0, 0, 0.8); -webkit-box-shadow:0 1px 15px rgba(0, 0, 0, 0.8); box-shadow:0 1px 15px rgba(0, 0, 0, 0.8);} #dialog-box .dialog-head {border:1px solid #333; border-bottom:0px;} #over-htm {border:1px solid #C0C0C0; border-top:0; font-family:Arial; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px;} #dialog {background-color:#fff; margin-bottom:10px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px; border-radius:0 0 6px 6px;} #dialog label {padding:9px 6px 4px; font-family:Verdana; font-size:11px; line-height:15px; display:block;} #dialog #dlg-btns {padding-left:63px; height:46px;} #dialog #dlg-btns a {float:left;} #dialog #dlg-btns.wide {padding-left:133px;} #dialog-box a.ok, #dialog a.ok, #dialog a.cancel {display:block; margin:15px auto 10px auto; width:55px; text-decoration:none; background:#026AB4; background-image:-moz-linear-gradient(center top, #2882D5, #026AB4); background-image:-webkit-gradient(linear, center top, center bottom, from(#2882D5), to(#026AB4)); background-image:linear-gradient(top, #2882D5, #026AB4); text-shadow:0 1px 0 #215BA2; border:1px solid #035895; padding:4px 10px; font:bold 12px Arial; color:#fff; text-align:center; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; -moz-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; -webkit-box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset; box-shadow:0 1px 0 rgba(255, 255, 255, 0.25) inset;} #dialog a.cancel {margin-left:10px;} #dialog a.ok:hover, #dialog a.cancel:hover, #dialog-box a.ok:hover {background:#1A80C9; text-decoration:none; cursor:pointer} .dialog-head {font-family:Verdana; color:#E8E8E8; height:15px; text-align:right; font-weight:bold; font-size:11px; padding:10px 9px; background:#333; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;} .dialog-head span {float:left;} .dialog-close {display:block; float:right; width:14px; height:14px; background:url(/images/close.imgx) no-repeat 3px 3px;} .dialog-close:hover {background-position:3px -13px;} .dialog-wrn, .dialog-cfm, .dialog-err, .dialog-scs {width:57px; height:50px; background-image:url(/images/dialog-icon.imgx); margin-left:10px;} .dialog-err {background-position: -50px 0px;} .dialog-cfm {background-position: -100px 0px;} .dialog-scs {background-position: -150px 0px;} .dlgTaf {padding:15px;} /*============================================================================================================================== Sign In ================================================================================================================================*/ #register h2 {color:#C91C29; font-size:18px; margin:40px 0 32px; text-align:center;} #register td {vertical-align:middle; padding:0 0 13px 10px;} #register .txtR {text-align:right; font-size:13px;} #register .button {padding:5px 0 0 102px;}