/*
scal.css - The style sheet for the scal calendar control.
Everything style-wise in scal is controlled through the use of css classes. You begin by defining your
base element (i.e. the div that will hold the calendar) with a style class as defined in this file. From there,
all elements of the calendar will automatically be assigned their style as a subset of the class.
To make a new style, just copy the scal classes paste at the bottom of the file. Change the
css class name to a unique name (ex. .scal to .mycalendar) and then you will have your own unique class for scal.
Once the css is in place, update your HTML to use the new class name in the base element definition:
That's all you need to do to create your own style for scal. Of course, you can also derive your own classes from
the scal class itself. Just override the element you want to change and then append your new class name to the
class element of the base element:
.mycal{background-color:red;}
Now, you'll have a sweet red background for your scal.
P.S. Try out the included versions to see how they work and have fun!
*/
.scal{
background-color: white;
margin:3px;
border:1px dashed gray;
font-size:24pt;
width:436px;
min-height:300px;
display:block;
padding:10px;
font-size:24pt;
font-family:'Lucida Grande',Verdana,Arial,Sans-Serif;
line-height:normal;
}
.scal:hover{
cursor:pointer;
cursor:hand; /* If you're worried about old IE versions, turn this on. I have it off because I hate seeing css exceptions in my debug window. ;) */
}
.scal .calwrapper{
}
.scal .calweekswrapper{
display:block;
}
.scal .calheader{
display: block;
width:100%;
text-align:center;
margin-bottom:2px;
}
.scal .caltitle{
width:60%;
margin-left:auto;
margin-right:auto;
text-align:center;
}
.scal .calcontrol{
margin: 2px;
padding: 2px;
font-size:12pt;
font-weight: bold;
}
.scal .calcontrol:hover{
background-color:red;
color:white;
}
.scal .calclose{
border: 1px solid black;
float:right;
}
.scal .calprevmonth{
float:left;
}
.scal .calnextmonth{
float:right;
}
.scal .calnextyear{
display:none;
}
.scal .calprevyear{
display:none;
}
.scal .daybox{
float:left;
border:1px solid black;
width: 60px;
color:black;
text-align:center;
}
.scal .dayboxvalue{
display: none;
}
.scal .dayboxname{
background-color: black;
color:white;
font-size:16pt;
}
.scal .dayboxsunday{
background-color: lightgray;
}
.scal .dayboxsaturday{
background-color: lightgray;
}
.scal .daybox:hover{
border:1px solid red;
}
.scal .dayboxname:hover{
border:1px solid black;
}
.scal .dayinmonth{
color: black;
}
.scal .dayoutmonth{
color:gray;
}
.scal .dayselected{
background-color: red;
color: white;
}
.scal .daycurrent{
border:1px solid red;
}
.scal .weekbox{
width:100%;
display:block;
}
.scal .endweek{
float:left;
}
.scal .weekboxname{
}
/*
tinyscal - a mini version of the calendar type. useful in tight spaces.
usage: define class of base element as "scal tinyscal" as tinyscal is
dependent on scal.
*/
.tinyscal{
font-size:8pt;
width:160px;
min-height:140px;
}
.tinyscal .calcontrol{
font-size:8pt;
}
.tinyscal .caltitle{
padding:3px;
}
.tinyscal .daybox{
width: 20px;
}
.tinyscal .dayboxname{
font-size: 8pt;
}
.tinyscal .weekboxname{
margin-top:5px;
}
/*
* BB DHTML search layer
*/
.airline_popup_table input,
.airline_popup_table td {
font-size: 12px;
line-height: 20px;
}
.airline_popup_from {
margin-right: 9px;
}
.airline_popup_table label {
font-weight: bold;
}
#airline_popup.tool_tip {
background-color: transparent;
width: 365px;
border: 0;
font-size: 11px;
z-index: 999;
}
#airline_popup.tool_tip .close {
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 -68px;
display: block;
height: 32px;
position: absolute;
top: -13px;
right: -13px;
width: 32px;
}
#airline_popup.tool_tip .top,
#airline_popup.tool_tip .bottom {
height: 10px;
}
#airline_popup.tool_tip .corner {
background-color: transparent;
background-repeat: no-repeat;
width: 10px;
font-size: 1px;
line-height: 0;
height: 10px;
}
#airline_popup.tool_tip .top .corner.left {
background-position: -22px -58px;
position: absolute;
left: 0;
}
#airline_popup.tool_tip .top .middle {
background: #f5fbff;
height: 10px;
font-size: 1px;
line-height: 0;
margin: 0 10px;
}
#airline_popup.tool_tip .top .corner.right {
background-position: -33px -58px;
float: right;
margin-top: -10px;
}
#airline_popup.tool_tip .bottom .corner.left {
background-position: 0 -58px;
position: absolute;
left: 0;
}
#airline_popup.tool_tip .bottom .middle {
background: #f5fbff;
height: 10px;
font-size: 1px;
line-height: 0;
margin: 0 10px;
}
#airline_popup.tool_tip .bottom .corner.right {
background-position: -11px -58px;
float: right;
margin-top: -10px;
}
#airline_popup.tool_tip .content {
background: #f5fbff;
padding: 10px 15px;
}
.airline_popup_trigger {
position: relative;
top: -5px;
}
.airline_popup_submit {
text-align: right;
border-spacing: 9px;
}
.airline_calendar_fields {
background-position:88px -154px;
background-repeat:no-repeat;
padding:2px;
width:100px;
}
.airline_booknow_popup {
position: relative;
top: 5px;
}
.airline_input {
width: 150px;
background-color: white;
color: black;
}
.airline_fontsize {
font-size: 11px;
}
.airline_popup_vendor {
border: 1px solid #b6b6b6;
}
/*****************************
* GENERAL PURPOSE CSS HACKS
*****************************/
/*float clearing mechanism */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
/* for IE 7 */
.clearfix {
display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
height: 1%;
}
.clearfix {
display: block;
}
/* End hide from IE-mac */
/* for IE 6 */
.clearfix {
_height: 1px;
}
/*****************
* GLOBAL STYLES
*****************/
* {
padding: 0;
margin: 0;
}
img, fieldset {
border: 0;
}
body {
background: #fff;
height: 100%;
overflow: visible;
text-align: center;
}
body, td {
color: #555;
font-size: 14px;
font-family: Verdana,Arial,sans-serif;
}
ul {
padding-left: 25px;
}
.title_l1, .title_l2, .title_l3, .title_l4, .title_l5 {
display: block;
}
h1, h2, h3, h4, h5,
.title_l1, .title_l2, .title_l3, .title_l4, .title_l5
{
clear: left;
font-weight: bold;
}
h1,
h2.top {
font-size: 1.3em;
margin: 20px 0 20px 0;
}
h2, .title_l2 {
font-size: 1.143em; /*16px*/
margin: 10px 0;
}
h3, .title_l3 {
font-size: 1.15em;
margin: 5px 0;
}
h4, .title_l4 {
font-size: 1.1em;
margin: 3px 0;
}
h5, .title_l5 {
font-size: 0.95em;
margin: 3px 0;
}
.title_description {
margin-top: -10px;
margin-bottom: 20px;
}
a {
color: #216ace;
}
p {
margin: 10px 0;
/* font-size: 0.857em; /*12px*/
}
input {
border: 1px solid #000;
}
input[type="image"], input[type="radio"], input[type="checkbox"] {
border: 0;
}
/* account for ie6 sucking */
input.submit, input.radio {
border: 0;
}
select {
border: solid 1px #000;
}
.fineprint {
font-size: 0.7em;
}
.hide {
display: none;
}
.invalid {
color: #f00;
}
.sharing {
background-color: transparent;
background-repeat: no-repeat;
display: block;
float: left;
height: 16px;
margin: 0 3px 0 0;
width: 16px;
}
.sharing.email {
background-position: 0 -20px;
}
.sharing.rss {
background-position: -17px -20px;
}
.sharing.facebook {
background-position: -34px -20px;
}
.sharing.twitter {
background-position: -51px -20px;
}
.sharing.digg {
background-position: -68px -20px;
}
.sharing.friend {
background-position: -85px -20px;
}
.layout #breadcrumb {
vertical-align: middle;
height: 30px;
max-height: 30px;
}
.breadcrumb {
border-bottom: 1px dotted #ccc;
font-size: 10px;
margin: 10px 0 3px 0px;
padding: 0 0 10px 0;
}
.layout #breadcrumb a {
text-decoration: none;
}
.layout #breadcrumb a.current_breadcrumb {
color: #555 !important;
text-decoration: none;
font-weight: bold;
}
.layout #breadcrumb a:link,
.layout #breadcrumb a:visited {
color: #1b2c6e;
}
#layout_60_40 div.layout_left {
float: left;
width: 56%;
margin: 0 20px 0 0;
}
#layout_60_40 div.layout_right {
float: left;
width: 40%;
}
#layout_60_40 .fright {
float: right;
width: 100%;
}
.pagination {
font-size: 0.8em;
margin: 15px 0;
}
.cl {
clear: both;
}
.pagetop_left {
float: left;
}
.pagetop_right {
float: right;
}
.freetext {
font-size: 12px;
}
.faq_entry {
font-size: 12px;
}
/* Overall layout */
.layout {
border-top: 0;
text-align: left;
margin: 0 auto;
width: 990px;
}
.layout td {
vertical-align: top;
}
.layout td#pagetop {
border-bottom: 4px solid #CBEAFF;
width: 100%;
}
.layout td.col_spacer {
padding-right: 20px;
font-size: 1px;
width: 0;
}
.layout td.top_spacer {
height: 16px;
}
.layout #left_col {
padding-top: 10px;
width: 155px;
}
.layout #right_col_home {
padding-top: 10px;
width: 310px;
}
.layout #right_col_standard {
padding-top: 10px;
width: 180px;
}
.layout #main_col_home {
padding-top: 10px;
width: 490px;
}
.layout #main_col_no_right {
width: 820px;
}
.layout #main_col_standard {
padding: 0px 0px 0 0px;
width: 620px;
}
/* dark background is daaarrkkk */
#page_mask {
position: absolute;
margin: 0;
padding: 0;
left: 0;
width: 100%;
opacity: 0.5;
filter: alpha(opacity=50);
background-color: #000;
z-index: 100;
}
/* dark background is daaarrkkk */
#page_mask2 {
position: absolute;
margin: 0;
padding: 0;
left: 0;
width: 100%;
opacity: 0.5;
filter: alpha(opacity=50);
background-color: #FFF;
z-index: 100;
}
.dart_ad {
background: #eaeaea;
padding: 3px;
float: left;
margin-bottom: 10px;
}
.dart_ad .ad_label {
text-align: center;
font-size: .7em;
margin: 0 0 0 2px;
}
.dart_ad .ad {
background-color: #FFF;
}
.afc_divider {
margin-top: 12px;
}
.loader_layer {
background: #fff;
border: 1px solid black;
height: 80px;
padding: 20px 20px 40px 20px;
position: absolute;
text-align: center;
width: 150px;
z-index: 1000;
}
.loader_layer img {
margin: 20px;
}
.horizontal_rule {
width: 100%;
height: 1px;
border-bottom: dotted 1px #bbb;
}
.error_message {
color: #ff0000;
font-size: 11px;
}
.clear {
clear: both;
}
.ad_combo {
margin: 25px 0;
}
/**
* position of the parent container needs to be set as
* 'relative' for rounded corners to take effect
**/
.tool_tip_dynamic .bottom,
.tool_tip_dynamic .top,
.two-tone-rounded-corners .top,
.two-tone-rounded-corners .bottom {
position:relative;
}
.two-tone-rounded-corners .corner {
width: 9px;
height: 9px;
font-size: 1px;
line-height: 0px;
background-color: #fff;
position: absolute;
background-repeat: no-repeat;
}
.two-tone-rounded-corners .top .corner.left {
left: -1px; top: -1px;
background-position: -18px -320px;
}
.two-tone-rounded-corners .top .corner.right {
right: -1px; top: -1px;
background-position: -27px -320px;
}
.two-tone-rounded-corners .bottom .corner.left {
left: -1px; bottom: -1px;
background-position: -36px -320px;
}
.two-tone-rounded-corners .bottom .corner.right {
right: -1px; bottom: -1px;
background-position: -45px -320px;
}
/* STMForm Stylings (these are very general-purpose, try not to edit these directly) */
form dl.stmform dt,
form dl.stmform input.stmsubmit {
margin: .75em 0 .25em;
font-weight: bold;
}
form dl.stmform .error, form.errors {
color: #e4304f;
padding: 0;
}
form dl.stmform input.error,
form dl.stmform textarea.error,
form dl.stmform select.error {
/* resets the global .error style */
clear: none;
padding: 0;
margin: 0;
border: 1px solid #e4304f;
padding-bottom: 3px;
color: black;
}
form dl.stmform ul.errors {
color: #e4304f;
list-style-type: none;
margin: 0;
padding: 0;
}
form dl.stmform ul.errors li {
margin: 0;
padding: 0;
font-weight: bold;
}
#inlinesubpop {
color: #7a7a7a;
text-align: left;
}
#inlinesubpop.tool_tip_dynamic {
width: 300px;
}
#inlinesubpop.tool_tip_dynamic form {
width: 80%;
}
#inlinesubpop div.content {
position: relative;
color: #7a7a7a;
}
#inlinesubpop.module .stmform {
padding-bottom: 8px;
}
#inlinesubpop div.content .from,
#inlinesubpop div.content .to {
font-weight: bold;
}
#inlinesubpop p,
#inlinesubpop .alert_signup_thankyou li {
font-size: 13px;
color: #7a7a7a;
}
#inlinesubpop p.error {
color: #e4304f;
}
#inlinesubpop div.content.inlinesubs_expand .alert_signup_thankyou p,
#inlinesubpop div.content.inlinesubs_expand .alert_signup_thankyou li,
#inlinesubpop.module .alert_signup_thankyou p,
#inlinesubpop.module .alert_signup_thankyou li {
font-size: 11px;
}
#inlinesubpop label {
font-weight: bold;
font-size: 11px;
}
#inlinesubpop.module label {
color: #686868;
}
#inlinesubpop input {
font-size: 11px;
}
#inlinesubpop ul.errors li {
font-size: 9px;
}
#inlinesubpop a {
font-size: 12px;
font-weight: normal;
color: #2c6ab3;
}
#inlinesubpop div.content.inlinesubs_expand a {
font-size: 11px;
}
#inlinesubpop.module a {
font-size: 13px;
}
#inlinesubpop h2 {
font-size: 15px;
font-weight: bold;
}
#inlinesubpop div.content.inlinesubs_expand h2,
#inlinesubpop.module h2 {
font-size: 13px;
}
#inlinesubpop a.privacy {
display: block;
color: #a0a0a0;
font-size: 10px;
position: absolute;
right: 15px;
bottom: 3px;
font-weight: normal;
}
#inlinesubpop.module a.privacy {
right: 0;
}
.wrapper_compare_prices #right_col_standard #inlinesubpop.module {
margin-top: 81px;
margin-left: -3px;
}
#right_col_standard #inlinesubpop.module {
min-width: 200px;
}
#left_col #inlinesubpop.module a.privacy {
font-size: 8px;
}
#awd_inputs .section.inlsub {
background-color: #EBF7FE;
color: #7a7a7a;
clear: both;
}
#awd_inputs .section.inlsub label {
padding: 5px 0 5px 15px;
font-weight: normal;
}
#awd_inputs .section.inlsub input {
vertical-align: bottom;
}
.inlsub .inlsub_input{
height: 14px;
padding-bottom: 8px;
display: none;
}
.inlsub .from,
.inlsub .to {
font-weight: bold;
}
.fares_search_fromto .inlsub div {
margin-bottom:4px;
font-size: 12px;
font-weight: bold;
}
.fares_search_fromto {
padding: 15px 0 0 20px;
}
.fares_search_fromto .title {
font-size: 25px;
color: #08166c;
font-weight: bold;
}
.fares_search_fromto .sub_header {
font-size: 11px;
color: #000;
margin-bottom: 43px;
}
#fares_search_arrival_form_city_input,
#fares_search_departure_form_city_input,
#fares_search_departure_fancy_input{
font-family: verdana, helvetica, arial, sans-serif;
font-size: 14px;
padding: 2px;
border: solid 1px #243b7e;
}
div.main_input input {
color: #666;
}
.fares_search_fromto .input_input {
border-bottom: 1px dotted #555;
margin-bottom: 10px;
padding-bottom: 10px;
width: 500px;
}
.fares_search_fromto .city_input {
float: left;
width: 50%;
}
.fares_search_fromto .right {
float: right;
}
.fares_search_fromto label {
font-weight: bold;
font-size: 16px;
color: #000;
}
.fares_search_fromto input.error {
color:#E4304F;
padding: 0;
}
.homepage_hero_sm {
height: 245px;
width: 801px;
background-position: 0 -571px;
margin-bottom: 20px;
}
.homepage_find_fares {
height:30px;
width:147px;
background-position: -149px -529px;
border: 0;
background-color: transparent;
}
.fares_search .inlsub label {
display: block;
height: 14px;
font-size: 11px;
color: #686868;
}
.fares_search .inlsub label input {
vertical-align: top;
}
.fares_search form.inlsubform .input_input,
.fares_search form.inlsubform .input_submit {
float: none;
margin-left: 0;
}
.fares_search form.inlsubform .input_input {
margin-bottom: 8px;
}
#awd_inputs .inlsub #inlsubs-expanded,
.fares_search .inlsub #inlsubs-expanded {
margin: 0 10px 10px;
padding: 0;
}
.fares_search .inlsub #inlsubs-expanded {
margin-left: 0;
}
#awd_inputs .inlsub #inlsubs-expanded label,
.fares_search .inlsub #inlsubs-expanded label {
float: left;
width: 45%;
display: block;
font-weight: bold !important;
padding: 0;
font-size: 11px;
height: auto;
}
#awd_inputs .inlsub #inlsubs-expanded input,
.fares_search .inlsub #inlsubs-expanded input {
border: 1px solid;
display: block;
width: 80%;
font-weight: normal;
font-size: 11px;
}
.fares_search_fromto_fancy {
padding: 15px 0 0 20px;
}
.fares_search_fromto_fancy .title {
font-size: 25px;
color: #08166c;
font-weight: bold;
}
.fares_search_fromto_fancy .sub_header {
font-size: 16px;
color: #000;
margin: 10px 0 6px 0;
font-weight: bold;
}
.fares_search_fromto_fancy .input_input {
width: 616px;
}
.fares_search_fromto_fancy .city_input {
width: 49%;
float: left;
}
.fares_search_fromto_fancy label {
font-weight: bold;
/* padding: 0 5px 0 5px; */
font-size: 10px;
color: #000;
}
.fares_search_fromto_fancy input.error {
color:#E4304F;
padding: 0;
}
.fares_search_fromto_fancy input.homepage_go {
width:52px;
height: 26px;
background-position: -295px -529px;
border: none;
position: absolute;
margin: -2px 0 0 2px;
}
.fares_search_fromto_fancy .search_departure_fancy {
position: absolute;
padding-top: 32px;
}
.fares_search_fromto_fancy .sub_title {
margin: 10px 0 10px;
font-size: 16px;
color: #000;
font-weight: bold;
}
.mobileLink {
background:url("http://i.slimg.com/afwd/mobile/iphone-sm.png") no-repeat scroll 60px center transparent;
border: 2px solid #253b7e ;
color: #253b7e !important;
display:block;
font:bold 50px Arial;
padding:10px 20px 10px 210px;
text-decoration:none !important;
height: 110px;
}
/*
* BB DHTML search layer
*/
#dealhoundtip.tool_tip {
background-color: transparent;
border: 0;
font-size: 0.8em;
width: 250px;
z-index: 999;
}
#search_popup.tool_tip {
background-color: transparent;
border: 0;
font-size: 0.8em;
width: 775px;
z-index: 1099;
}
#dealhoundtip.tool_tip .close,
#search_popup.tool_tip .close {
background-color: transparent;
background-repeat: no-repeat;
background-position: 0 -68px;
display: block;
height: 32px;
position: absolute;
top: -13px;
right: -13px;
width: 32px;
}
#dealhoundtip.tool_tip .top,
#dealhoundtip.tool_tip .bottom,
#search_popup.tool_tip .top,
#search_popup.tool_tip .bottom {
width: 100%;
height: 10px;
}
#dealhoundtip.tool_tip .corner,
#search_popup.tool_tip .corner {
background-color: transparent;
background-repeat: no-repeat;
width: 10px;
font-size: 1px;
line-height: 0;
height: 10px;
width: 11px;
height: 11px;
}
#dealhoundtip.tool_tip .top .corner.left,
#search_popup.tool_tip .top .corner.left {
background-position: -22px -58px;
position: absolute;
left: 0;
}
#dealhoundtip.tool_tip .top .middle,
#search_popup.tool_tip .top .middle {
background: #f5fbff;
height: 10px;
font-size: 1px;
line-height: 0;
margin: 0 10px;
}
#dealhoundtip.tool_tip .top .corner.right,
#search_popup.tool_tip .top .corner.right {
background-position: -33px -58px;
float: right;
margin-top: -5px;
}
#dealhoundtip.tool_tip .bottom .corner.left,
#search_popup.tool_tip .bottom .corner.left {
background-position: 0 -58px;
position: absolute;
left: 0;
}
#dealhoundtip.tool_tip .bottom .middle,
#search_popup.tool_tip .bottom .middle {
background: #f5fbff;
height: 10px;
font-size: 1px;
line-height: 0;
margin: 0 10px;
}
#dealhoundtip.tool_tip .bottom .corner.right,
#search_popup.tool_tip .bottom .corner.right {
background-position: -11px -58px;
float: right;
margin-top: -10px;
}
#search_popup.tool_tip .content {
background: #f5fbff;
padding: 10px 15px;
}
/*AFWD-948 Dealhound tips :) */
#dealhoundtip.tool_tip .content {
background: #f5fbff;
padding: 1px 10px 10px 10px;
}
#dealhoundtip h2 {
font-size: 15px;
}
#dealhoundtip .dt {
font-weight: bold;
float: left;
margin: 0 3px 0 0;
}
#dealhoundtip ul {
padding: 10px 0 10px 0;
list-style: none;
}
#dealhoundtip .change_trip_details {
margin: 20px 0 20px 0;
padding: 10px 0 10px 0;
}
#dealhoundtip p.search_again {
border-top: 1px dotted #BBB;
margin: 15px 0 0 0;
padding: 15px 0 45px 0;
font-size: 14px;
font-weight: bold;
}
#dealhoundtip .go {
margin: 0 0 -4px 0;
cursor: pointer;
}
#dealhoundtip_top {
padding: 5px;
}
#dealhoundtip_top span {
font-size: 11px;
}
#dealhoundtip_top h2 {
font-size: 18px;
margin-top: 0px;
}
#dealhoundtip_top .dealhoundtip_full {
width: 100%;
text-align: center;
}
#dealhoundtip_right {
float: right;
background-color: transparent;
width: 200px;
height: 154px;
background-image: url(http://i.slimg.com/afwd/dealhound_tip.png);
margin: 70px 10px 0 0;
text-align: left;
}
#dealhoundtip_right h2 {
font-size: 12px;
margin: 0 0 7px 0;
width: 145px;
}
#dealhoundtip_right dt {
float: left;
font-weight: bold;
}
#dealhoundtip_right .tipinfo {
margin: 35px 0 0 35px;
width: 150px;
background-color: transparent;
}
#dealhoundtip_right ul {
font-size: 10px;
list-style: none;
padding: 0;
}
#dealhoundtip_right .dh_title {
float: left;
font-weight: bold;
margin-right: 3px;
}
#dealhoundtip_right .dh_definition {
float: left;
}
.dealhoundtip_top_sub {
margin: 20px auto 20px auto;
width: 100%;
text-align: center;
}
#dealhoundtip_top_sub {
background-color: transparent;
font-size: 1.2em;
font-weight: bold;
}
/*end AFWD-948*/
#search_popup_info {
float: left;
margin: 0 15px 0 0;
width: 33%;
border-right: 1px dotted #BBB;
padding-right: 15px;
}
#bbpopup_flights {
width: 30px;
height: 15px;
}
#search_popup_info h2 {
font-size: 1.5em;
margin: 0 0 15px 0;
}
#search_popup_info ul {
margin: 0;
padding: 0;
}
#search_popup_info li {
list-style: none;
line-height: 2em;
}
#search_popup_info a {
display: block;
margin-top: 10px;
}
#search_popup_info a#bbsearch_hotellink {
text-decoration: none;
}
#search_popup_info .even {
background-color: #e7f4fd;
}
#search_popup_info .change_trip_details {
background: none;
font-weight: bold;
}
#search_popup_buttons {
float: left;
padding: 0 0 0 5px;
width: 62%;
}
#search_popup_buttons h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}
/*
* /exact-date-search/ and /flexible-date-search/
*/
#watchdog_tip {
overflow: visible;
position: relative;
top: 240px;
right: 24px;
z-index: -1;
}
/* needs to behave differently if it's not the only template module */
#right_col_standard #watchdog_tip.siblings {
top: 0;
}
.wrapper_compare_prices h1 {
margin: 0 0 10px 0;
}
.wrapper_compare_prices h2 {
margin: 0 0 10px 0;
font-size: 1.15em;
}
#awd_wrapper {
background: #f5fbff;
border: 1px solid #d0ecff;
clear: left;
padding: 15px;
}
#awd_wrapper h3 {
font-size: 1.15em;
margin: 0 0 15px;
}
#awd_step1 {
clear: left;
}
#awd_step2 {
clear: left;
margin: 10px 0 0 0;
}
#awd_inputs {
border-bottom: 1px dotted #bbb;
float: left;
margin: 0 0 15px;
width: 90%;
}
#awd_inputs_step1 {
float: left;
width: 8%;
}
#awd_inputs_step1 img {
display: block;
}
#awd_inputs label {
font-size: 0.8em;
font-weight: bold;
}
#awd_inputs .section {
clear: both;
margin: 6px 0;
overflow: hidden;
width: 99%;
}
#awd_inputs .section .formelement {
float: left;
}
#awd_inputs .section.triptype .formelement {
width: 25%;
}
#awd_inputs .section label {
display: block;
}
#awd_inputs .section.searchfields .formelement,
#awd_inputs .section.calendarfields .formelement,
#awd_inputs .section.flexfields .formelement {
width: 49%;
}
#awd_inputs .date_subtitle {
color: #666;
font-size: 10px; /*10px*/
}
#awd_inputs .section.hotelsearchfields .hotelcity {
width: 50%;
}
#awd_inputs .section.hotelsearchfields .hotelselect {
width: 25%;
}
#awd_inputs .section.searchfields .BBInputText {
width: 200px;
}
#awd_inputs .section.calendarfields .BBInputText {
width: 100px;
background-repeat: no-repeat;
background-position: 88px -154px;
padding: 2px;
}
#awd_inputs .section.calendarfields .departure_time,
#awd_inputs .section.calendarfields .return_time {
display: inline;
}
#awd_inputs .section .service_class,
#awd_inputs .section .non_stop,
#awd_inputs .section .num_travelers {
width: 33%;
}
#awd_inputs .section .non_stop input,
#awd_inputs input#roundtrip,
#awd_inputs input#oneway {
border: 0;
}
#awd_inputs .section.triptype label,
#awd_inputs .section .service_class label,
#awd_inputs .section .non_stop label,
#awd_inputs .section .num_travelers label {
display: inline;
}
#awd_search_step2 {
float: left;
width: 10%;
}
#awd_search_step2 img {
display: block;
}
#awd_search_logos {
float: left;
width: 90%;
}
/*
* - LT
* - Ad Buttons
* - Dropdown
* - Ad Placement
* - Wrapper4 Ad Placement
*/
/*= LT */
#BookingBuddyLTDivID {
background-color: #d5eafc;
border-bottom: 1px solid #4b4b4b;
margin: 0 0 5px 0;
visibility: hidden;
display: none;
height: 0px;
clear: both;
overflow: hidden;
}
#BookingBuddyLTStagingID {
visibility: hidden;
display: none;
height: 0px;
}
#BBLTHeader {
background: #e7f4fd;
float: left;
padding: 10px 0 0 0;
text-align: center;
width: 100%;
}
#BBLTAds {
background: #e7f4fd;
padding: 15px 0;
float: left;
width: 100%;
}
#BBLTFooter {
color: #333466;
float: left;
padding: 10px 0px;
text-align: center;
width: 100%;
}
#BBLTWrapper {
float: left;
font-size: 11px;
font-weight: bold;
overflow: hidden;
margin-top: 10px;
width: 100%;
}
#BBLTWrapper .ad_div {
padding: 10px 0;
}
#BookingBuddyLTMessageID {
background-color: #636363;
color : #fff;
font-size: 11px;
text-align: center;
}
#BookingBuddyLTPostMessageID {
background: #EAEAEA;
color: #333466;
font-size: 11px;
text-align: center;
margin: 0 0 10px 0;
visibility: hidden;
display: none;
clear: both;
}
.BBTargetedAdCell {
display: block;
margin: 8px 0px;
padding: 0px;
width: 88px;
height: 55px;
}
/*= Ad Buttons */
.BBInputButton {
border: 0;
background-color: transparent;
background-repeat: no-repeat;
color: #253b7e;
font-size: 11px;
text-align: center;
padding: 0 10px 0 10px;
}
.BBInputText {
font-size: 11px;
}
.BBInputSelect {
font-size: 10px;
color: #003366;
width: auto;
}
.BBInputSelect option {
padding-right: 5px;
}
.CheckboxInput {
margin: 0 5px;
}
.PlacementTable {
margin: 0 auto;
width: 100%;
}
.BBAdCell {
margin: 0 auto;
display: inline;
}
.BBAdCell input {
cursor: pointer;
padding: 0;
font-weight: bold;
margin: 0 auto;
display: block;
}
.BBInputImage {
background-color: transparent;
background-position: 0 -65px;
border: none;
display: block;
height: 31px;
}
#airflex_bbsearch .BBPremiumAdCell input.BBInputButton,
.BBBasicAdCell input.BBInputButton,
.BBTargetedAdCell input.BBInputButton,
.BBBasic_2AdCell input.BBInputButton {
background-position: -121px -450px;
height: 20px;
width: 88px;
}
.BBBasicAdCell input.BBInputButton.hover,
.BBBasic_2AdCell input.BBInputButton.hover,
.BBTargetedAdCell input.BBInputButton.hover {
background-position: -121px -470px;
height: 20px;
width: 88px;
}
.BBBasicAdCell input.BBInputButton.checked,
.BBBasic_2AdCell input.BBInputButton.checked,
.BBTargetedAdCell input.BBInputButton.checked {
background-position: -121px -490px;
height: 20px;
width: 88px;
}
.BBPremiumAdCell input.BBInputButton {
background-position: 0px -450px;
height: 25px;
width: 120px;
}
.BBPremiumAdCell input.BBInputButton.hover {
background-position: 0px -475px;
height: 25px;
width: 120px;
}
.BBPremiumAdCell input.BBInputButton.checked {
background-position: 0px -500px;
height: 25px;
width: 120px;
}
#BBAdDropdown input.BBInputButton {
background-position: -210px -450px;
height: 20px;
}
#BBAdDropdown input.BBInputButton.hover {
background-position: -210px -470px;
height: 20px;
}
#BBAdDropdown input.BBInputButton.checked {
background-position: -210px -490px;
height: 20px;
}
input.BBInputImage {
width: 88px;
}
.BBSearchLogos4 input.BBInputButton.hover {
background-position: -121px -470px;
height: 20px;
width: 88px;
}
.BBSearchLogos4 input.BBInputButton.checked {
background-position: -121px -490px;
height: 20px;
width: 88px;
}
#BBAdDropdown input.BBInputButton {
background-position: -210px -450px;
height: 20px;
}
#BBAdDropdown input.BBInputButton.hover {
background-position: -210px -470px;
height: 20px;
}
#BBAdDropdown input.BBInputButton.checked {
background-position: -210px -490px;
height: 20px;
}
#premium-div input.BBInputImage,
.ad_premium input.BBInputImage {
width: 120px;
}
#premium-div input.BBInputImage,
.ad_premium input.BBInputImage {
background-position: 0 0;
height: 60px;
}
.BBBasic_2AdCell {
padding-top: 0;
padding-bottom: 5px;
width: 88px;
}
/*= Dropdown */
#BBAdDropdown {
margin-top: 10px;
padding-top: 10px;
width: 272px;
margin: 0 auto;
height: 40px;
}
#BBAdDropdown input {
font-weight: bold;
width: 272px;
}
/* bookingbuddy wants to hide this, we don't */
#BBAdDropdown input.BBInputButton.hide {
display: inline;
}
#BBAdDropdown select {
width: 270px;
}
.dropdown_display {
width: 270px;
height: 20px;
border: solid 1px #000;
background: #fff;
margin: 0px auto;
}
.dropdown_button {
margin: 2px 0;
float: right;
width: 19px;
height: 16px;
background: url("/bookingbuddy/dropdown_button.gif");
}
#dropdown_submit {
padding: 0;
border: 0px solid black;
}
.dropdown_text {
float: left;
margin: 0 0 1px; 2px;
font-size: 10px;
width: 240px;
text-align: left;
display: table-cell;
vertical-align: middle;
height: 100%;
padding-top: 0px;
}
.dropdown_text .regular {
height: 20px;
padding-top: 2px;
}
.dropdown_options {
position: absolute;
width: 270px;
height: 150px;
overflow: auto;
background: #fff;
text-align: left;
border: solid 1px #000;
}
.dropdown_option {
padding: 2px;
border: solid 1px #fff;
font-size: 10px;
cursor: pointer;
}
.dropdown_option:hover {
border: solid 1px #039;
}
.bb_premium {
padding-top:10px;
}
.bb_premium div {
float: left;
padding-top: 10px;
width: 33%;
}
.bb_pop_link {
font-weight: bold;
font-size: 12px;
margin:5px 0 5px;
}
.premium {
color: #039;
font-size: 10px;
height: 20px;
}
.premium img {
vertical-align: middle;
}
.regular {
color: #666;
font-size: 10px;
}
/*= Ad Placement */
.BBSearchLogos {
text-align: center;
margin: 0 auto;
}
.BBSearchLogos .tier-wrapper {
padding: 10px 0;
}
.BBSearchLogos #basic-div, #basic-2-div {
padding: 0 5px;
clear: both;
margin: 0 auto;
}
.BBSearchLogos .BBSearchLogos4 .ad_div {
width: 24.5%;
}
.BBSearchLogos .BBSearchLogos3 .ad_div {
width: 33%;
}
.BBSearchLogos .BBSearchLogos2 .ad_div {
width: 49%;
}
.BBSearchLogos .BBSearchLogos1 .ad_div {
width: 99%;
}
.BBSearchLogos .ad_div {
float: left;
padding-bottom: 15px
}
#wrapper4 .BBSearchLogos #BBLTAds .BBSearchLogos4 {
padding: 0 18px;
}
#wrapper4 .BBSearchLogos #BBLTAds .BBSearchLogos2 {
padding: 0 45px;
}
#wrapper4 .BBSearchLogos #BBLTAds .BBSearchLogos3 {
padding: 0 78px;
}
#wrapper4 .BBSearchLogos #basic-div, #wrapper4 #basic-2-div {
padding: 0 18px;
}
.bbsearchcheckbox {
position: relative;
top: -16px;
background: white;
}
.bbsearchbutton {
background:#999 none repeat scroll 0 0;
border-color:#CCC #333 #333 #CCC;
border-style:solid;
border-width:2px;
color:#FFF;
}
.bbsearchbutton:hover {
border-color: #333 #CCC #CCC #333
}
.bbsearchbutton.clicked {
background: #999999 url(http://i.slimg.com/bookingbuddy/ad_module/white_checkmark.gif) no-repeat scroll center center
}
#bbsearch_hotellink {
font-size: 11px;
font-weight: bold;
line-height: 20px;
}
#bbsearch_flights_tab {
position: relative;
}
.bbsearchnav {
display:block;
position:absolute;
float: left;
top: 0px;
left: 0px;
}
.bbsearch_ontop {
z-index: 1001;
position: relative;
display: inline;
text-align: left;
}
#bbsearch_hotel_info {
display: inline;
text-align: left;
}
#bbsearch_hotel_info .even {
background-color:#E7F4FD;
}
#bbsearch_hotel_info li {
line-height:2em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
.bbsearch_list_item {
text-align: left;
}
#bbsearch_inputs {
border-bottom: 1px dotted #bbb;
float: left;
margin: 0;
}
#bbsearch_input_names {
position: relative;
width: 150px;
float: left;
border-right:1px dotted #BBB;
left: -40px;
}
.bbsearch_right_divider {
border-right: 1px dotted #BBB;
}
.BBLTHeader {
background: #e7f4fd;
float: left;
padding: 10px 0 0 0;
text-align: center;
width: 100%;
}
.BBLTAds {
background: #e7f4fd;
padding: 15px 0;
float: left;
width: 100%;
}
.BBLTFooter {
color: #333466;
float: left;
padding: 10px 0px;
text-align: center;
width: 100%;
}
.BBLTWrapper {
float: left;
font-size: 11px;
font-weight: bold;
overflow: hidden;
margin-top: 10px;
width: 100%;
}
.BBLTWrapper .ad_div {
padding: 10px 0;
}
.bbsearch_save {
height: 37px;
width: 37px;
background-position:-3px -340px;
top: -20px;
left: 193px;
position: absolute;
}
#awd_search_nav {
padding: 3px 0 0 0;
}
#awd_search_nav .tab {
background-color: transparent;
background-repeat: no-repeat;
float: left;
font-weight: bold;
height: 13px;
margin: 0 0 -1px 0;
padding: 7px 10px 13px 10px;
text-align: center;
}
#awd_search_nav .tab a {
color: #666;
text-decoration: none;
}
#awd_search_nav #awd_search_nav_air {
background-position: -95px -119px;
width: 74px;
}
#awd_search_nav.air #awd_search_nav_air {
background-position: 0 -119px;
}
#awd_search_nav #awd_search_nav_hotel {
background-position: -282px -119px;
width: 71px;
}
#awd_search_nav.hotel #awd_search_nav_hotel {
background-position: -190px -119px;
}
#awd_search_nav #awd_search_nav_vacation {
background-position: -493px -119px;
width: 98px;
}
#awd_search_nav.vacation #awd_search_nav_vacation {
background-position: -374px -119px;
}
.bb_widget {
clear: both;
color: #555;
font-size: 0.9em;
padding: 5px;
width: 100%;
}
.bb_widget_narrow {
font-size: .9em;
}
.bb_widget label, .bb_widget input, .bb_widget select {
font-size: 0.85em;
}
.bb_widget label {
font-weight: bold;
}
.bb_widget .fine_print {
color: #666666;
}
.bb_widget .hr {
margin: 7px 0;
}
.bb_widget .specific_hotel {
clear: both;
padding-top: 5px;
}
.bb_widget label {
font-weight: bold;
}
.bb_widget .input_group {
clear: both;
margin: 15px 0;
width: 99%;
}
table.wrapper_fare_list div#awd_inputs {
margin-bottom: 0;
}
.bb_widget .input_group.inlinesubs .inlsub {
background-color: #E7F4FD;
float: left;
clear: both;
margin: 10px 0;
width: 99%;
color: #7a7a7a;
}
.bb_widget .input_group.inlinesubs .btn_wrapper {
float: left;
}
.bb_widget .input_group.inlinesubs .inlsub label {
font-weight: normal !important;
padding: 10px 0 10px 10px;
display: block;
}
.bb_widget .input_group.inlinesubs .inlsub input {
vertical-align: bottom;
}
.bb_widget .input_group.inlinesubs .inlsub .to,
.bb_widget .input_group.inlinesubs .inlsub .from {
font-weight: bold;
}
.bb_widget .non_stop,
.bb_widget .num_travelers,
.bb_widget .service_class {
float: left;
width: 28%;
}
.bb_widget .num_travelers {
width: 22%;
}
.bb_widget .search_type input,
.bb_widget .non_stop input,
.bb_widget .num_travelers input,
.bb_widget .service_class input {
border: 0;
}
.bb_widget .departure_city,
.bb_widget .destination_city,
.bb_widget .arrival_date,
.bb_widget .return_date {
width: 49%;
float: left;
margin-top: 2px;
}
.bb_widget .cities input {
width: 200px;
}
.bb_widget .dates {
display: block;
}
.bb_widget .dates input {
background-repeat: no-repeat;
background-position: 79px -154px;
padding: 2px;
width: 90px;
}
.bb_widget .searchtype {
display: inline;
}
.bb_widget .search_type input {
margin: 0 4px 0 35px;
}
.bb_widget .search_type label:first-child input {
margin-left: 0;
}
.bb_widget .search_type #air_return_date_block_hide {
margin-left: 0;
}
#bb_widget_narrow form {
display: none;
}
#bb_widget_narrow .air #air_widget_form,
#bb_widget_narrow .hotel #hotel_widget_form,
#bb_widget_narrow .vacation #vacation_widget_form {
display: block;
}
#bb_widget_narrow .hotel #hotel_widget_tab,
#bb_widget_narrow .air #air_widget_tab,
#bb_widget_narrow .vacation #vacation_widget_tab {
border-bottom: 0px;
background: none;
background-color: #fff;
font-weight: bold;
}
#bb_widget_narrow ul.nav {
margin: 0;
padding: 0;
list-style-type: none;
position: relative;
overflow: hidden;
}
#bb_widget_narrow ul.nav li{
float: left;
line-height: 24px;
text-align: center;
}
#bb_widget_narrow ul.nav li a {
text-decoration: none;
font-size: 11px;
color: #0e4699;
}
#bb_widget_narrow.bb_widget {
padding: 0;
width: 150px;
}
#bb_widget_narrow.bb_widget .bb_widget_header {
background: transparent url(/afwd/bb_widget_lhn_top.gif) no-repeat top center;
height: 71px;
}
#bb_widget_narrow.bb_widget .bb_widget_header_uk {
background: transparent url(/afwd/uk/bb_widget_lhn_top.gif) no-repeat top center;
height: 39px;
}
#bb_widget_narrow.bb_widget .bb_widget_body {
background: transparent url(/afwd/bb_widget_lhn_bg_2.jpg) no-repeat bottom center;
padding: 5px 10px;
}
#bb_widget_narrow.bb_widget .input_group {
margin: 0 0 15px 0;
}
#bb_widget_narrow.bb_widget .cities input {
width: 120px;
}
#bb_widget_narrow.bb_widget .cities label {
display: block;
}
#bb_widget_narrow.bb_widget .dates input {
width: 90px;
}
#bb_widget_narrow.bb_widget .dates label {
display: block;
}
/* Mode Tabs */
#bb_widget_narrow .bb_widget_tabs {
overflow: hidden;
width: auto;
height: 24px;
background: transparent url(/afwd/bb_widget_lhn_inactive_tab.gif) repeat-x;
border-right: 1px solid #d3eeff;
border-left: 1px solid #d3eeff;
}
#bb_widget_narrow .bb_widget_tabs a {
text-decoration: none;
color: black;
}
#bb_widget_narrow #air_widget_tab {
width: 36px;
}
#bb_widget_narrow #air_widget_tab.uk {
width: 73px;
}
#bb_widget_narrow #hotel_widget_tab {
width: 47px;
}
#bb_widget_narrow #hotel_widget_tab.uk {
width: 74px;
}
#bb_widget_narrow #vacation_widget_tab {
width: 63px;
}
#bb_widget_narrow .powered_by {
font-size: .75em;
color: #999;
font-style: italic;
margin-top: 7px;
margin-bottom: 3px;
padding-left: 5px;
}
.popunder {
text-align: left;
font-size: 12px;
}
.popundereven {
background-color: #e7f4fd;
}
.popunderodd {
background-color: #FFFFFF;
}
.popunderprice {
font-weight: bold;
font-size: 15px;
color: #216ace;
}
#popundertable {
border-collapse: collapse;
}
.popunderlink {
font-weight: bold;
font-size: 12px;
color: #216ace;
}
.popundercelldiv {
padding: 3px;
}
.popundervendor {
font-weight: bold;
font-size: 12px;
color: #999;
}
.popunderoffer {
font-weight: bold;
font-size: 15px;
color: #253b7e;
padding: 4px;
}
.popunderdest {
font-weight: bold;
font-size: 18px;
color: #253b7e;
padding-left: 22px;
padding-bottom: 5px;
}
.popundernote1 {
font-size: 11px;
font-style: italic;
color: #ccc;
}
.popundernote2 {
font-size: 11px;
font-style: italic;
color: #999999;
text-align: right;
}
.popundernodec {
text-decoration: none;
}
.popunderloc {
color: #555;
font-size: 12px;
}
.wrapper_blog h1, .wrapper_travel_qa h1 {
margin: 10px 0 0 0;
}
.wrapper_blog h3, .wrapper_travel_qa h3 {
border-top: 1px dotted #bbb;
margin: 10px 0;
padding: 15px 0 0 0;
}
.wrapper_blog ul {
padding-left: 0;
}
.wrapper_blog ul li {
list-style: none;
}
.blog_description {
font-size: 0.9em;
}
.blog_entry_stats {
border: 1px dotted #bbb;
padding: 10px;
}
.blog_entry {
font-size: 0.9em;
padding-top: 10px;
}
.blog_comments {
margin-bottom: 5px;
}
.blog_comment {
margin: 2px;
padding: 2px;
margin-bottom:5px;
background-color:#EFEFEF;
}
.blog_signature {
text-align: right;
font-size:10px;
}
.blog_note {
top: -5px;
margin-bottom: 2px;
font-size: 9px;
position: relative;
}
.entry_v2 .date {
font-size:10px;
}
.entry_v2 .hl {
font-weight: bold;
}
.entry_v2 {
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px dotted #555;
}
#hp_recent_blog_entries_v2 {
margin: 10px;
font-size:12px;
}
#hp_recent_blog_entries_v2 h3 {
font-weight: bold;
font-size: 18px;
color: #08166c;
}
#hp_recent_blog_entries_v2 .right {
text-align: right;
}
/* override default styles set in scal.css */
.awdscal{
position: absolute;
z-index: 90;
}
.awdscal .calcontrol:hover {
background-color: #216ACE;
}
.awdscal .daybox:hover {
border:1px solid #216ACE;
}
.awdscal .dayselected{
background-color: #216ACE;
}
.awdscal .daycurrent{
border:1px solid #216ACE;
}
.fare {
}
.fare_subst_message {
}
.fare_showcase_message,
.fare_subst_message_content {
color: #555;
font-size: 0.786em; /*11px*/
}
#fare_title_orig {
background-color: transparent;
padding-bottom: 0;
}
.fare_details h3 {
font-weight: bold;
font-size: 1em;
margin-bottom: 2px;
}
.fare_details h3 .price {
font-size: 1.214em;/*17px*/
}
.fare_details h3 .price_orig {
font-size: 1.214em;/*17px*/
}
.fare_details h3 .fromto {
font-size: .85em; /*12px*/
color: #555;
}
.fare_details h3 .fromto_orig {
color:#555555;
font-size:0.857em;
}
awd.css?v=0621 (line 2142)
.fare_details h3 a:link,
.fare_details h3 a:visited {
font-weight: bold;
font-size: .85em;
text-decoration: none;
color: #216ace;
}
.fare_details h3#fare_title_orig a:link,
.fare_details h3#fare_title_orig a:visited {
font-weight: bold;
font-size: 1.071em;
text-decoration: none;
color: #216ace;
}
p.subtitle {
margin: 0 0 10px;
}
.fare_details p {
font-size: 12px;
}
.fare_details p.subtitle_orig {
font-size: .786em; /*11px*/
margin-bottom: 7px;
}
.fare_details p.subtitle {
font-size: .65em; /*11px*/
margin-bottom: 7px;
}
.fare_details .information {
width: 54%;
float: left;
padding-right: 0;
border-right: 0;
}
.fare_details .information .error,
.fare_details .nofares {
color: #e4304f;
font-size: .857em; /*12px*/
padding: 0;
}
.fare_details .c2csignup {
/* background image is 605x167 */
height: 137px;
width: 540px;
padding: 20px 40px 10px 25px;
background: transparent url('http://i.slimg.com/afwd/fd-alertbox-bg.png') no-repeat center;
*float: left;
}
.fare_details .c2csignup h4 {
font-size: 17px;
font-weight: bold;
color: #555;
}
.fare_details #nofares-alert-signup label {
display: block;
font-weight: bold;
padding-bottom: 0;
margin-bottom: 0;
font-size: 11px;
color: #555;
}
.fare_details #nofares-alert-signup input {
vertical-align: top;
}
.fare_details form .error {
clear: none;
padding: 0;
margin: 0;
}
.fare_details form input.error {
border: 1px solid;
}
.fare_details #nofares-alert-signup #c2csignup-email {
margin-top: 5px;
margin-right: 2%;
width: 55%;
}
.fare_details .sharing_links_horiz {
float: right;
width: 400px;
font-size: .786em;
float: left;
}
.fare_details .sharing_links_horiz ul {
list-style: none;
padding-left: 0;
}
.fare_details .sharing_links_horiz ul a {
color: #216ace;
line-height: 20px;
text-decoration: none;
padding-right: 10px;
}
.fare_details .sharing_links_horiz li {
color: #216ace;
line-height: 20px;
text-decoration: none;
float: left;
}
.fare_details .sharing_links_horiz .title {
font-weight: bold;
font-size: 16px;
margin: 10px 0 10px 0;
padding: 0;
width: 577px;
}
.fare_details .share_email_mid {
clear: both;
font-size: 12px;
font-weight: bold;
margin: 5px 0 5px 0;
}
.fare_details .share_email_mid ul {
list-style: none;
float: left;
padding: 0px;
}
.fare_details .share_email_mid li {
float: left;
padding: 5px 5px 5px 0;
}
.fare_details .sharing_links {
float: right;
width: 30%;
font-size: .786em;
}
.fare_details .sharing_links .section {
margin-bottom: 10px;
}
.fare_details .sharing_links div.title {
color: #666;
line-height: 20px;
}
.fare_details .sharing_links ul {
list-style: none;
padding-left: 0;
}
.fare_details .sharing_links ul li a {
color: #216ace;
line-height: 20px;
text-decoration: none;
}
.fare_details .dynamic_fare {
display:none;
}
.fare_information_table {
padding: 0;
margin: 0;
border: 0;
}
.fare_information_table td {
font-size: .786em; /*11px*/
color: #555;
margin: 0;
border: 0;
}
.fare_information_table td div {
padding: 4px 2px;
}
.fare_information_table tr.odd {
background-color: #e7f4fd;
}
/* left side of the table */
.fare_information_table td.label {
text-align: right;
width: 40%;
}
.fare_information_table td.label div {
margin-right: 5px;
}
/* right side of the table */
.fare_information_table td.value {
font-weight: bold;
}
.fare_information_table td.value div {
}
.taxnotice_orig {
clear: both;
color: #555;
font-size: .74em;
padding-top: 5px;
margin-bottom: 0;
}
.taxnotice {
clear: both;
color: #555;
font-size: .65em;
padding-top: 5px;
margin-bottom: 0;
}
.fare_details #flex_popup_content {
font-weight: bold;
color: #555;
line-height: 13px;
font-size: .786em; /*11px*/
}
.fare_details #awd_inputs .section .num_travelers,
.fare_details #awd_inputs .section .service_class,
.fare_details #awd_inputs .section .non_stop {
width: auto;
margin-right: 20px;
}
.fare_details #awd_inputs {
border: 0;
margin: 0 0 -30px;
padding: 0;
width: 99%;
}
.fare_details #awd_inputs.inlinesub {
margin-bottom: 0;
}
.fare_details h2 {
margin-top: 10px;
margin-bottom: 3px;
}
.fare_details h2.efcfares {
font-size: 15px;
}
/* don't try this at home */
.fare_details #search_popup_trigger_a {
position: relative;
top: -40px;
left: 430px;
}
.fare_details #awd_inputs.inlinesub #search_popup_trigger_a {
position: static;
display: block;
}
#see_all_from {
font-size: .857em;/*12px*/
}
a#see_all_from:link,
a#see_all_from:visited {
color: #216ace;
}
.fare_details .flexnotice {
font-size: .857em; /*12px*/
color: #666;
}
.fare_details .flex_search {
margin-bottom: 15px;
}
.fare_details .flex_options {
display: inline;
padding-left: 10px;
white-space: nowrap;
background-image: url('/afwd/flex-vendor-arrow.gif');
background-repeat: no-repeat;
background-position: center left;
margin-right: 20px;
float: left;
font-weight: bold;
font-size: .857em;/*12px*/
cursor: pointer;
text-decoration: underline;
}
.fare_details .flex_options a {
text-decoration: underline;
cursor: pointer;
}
.fare_details .flex_search .vendors {
margin: 8px 0 30px 3px;
}
/* the following style is used for the widget embedded in the fare details module */
/* they are only used on .co.uk */
div.fare_details #bb_widget_wide {
height: 235px;
width: 570px; /* make it fit within blue borders of fare details */
}
/* Override global styles on the fare details page */
.wrapper_route_fares h1,
.wrapper_route_fares h2.top,
.wrapper_fare_details h1,
.wrapper_fare_details h2.top {
margin: 3px 0 -4px 0;
}
.wrapper_route_fares .breadcrumb,
.wrapper_fare_details .breadcrumb {
border: 0;
padding: 0 0 5px 0;
}
#container.wrapper_route_fares div.module table.blue td.mcontent,
#container.wrapper_fare_details div.module table.blue td.mcontent {
padding-top: 0;
}
/* End global style override */
/* tips and advice module */
.fare_advice {
margin-top: 30px;
width: 180px;
background-image: url('/afwd/watchdogta-bottom.gif');
background-position: bottom;
background-repeat: no-repeat;
}
.fare_advice .list {
padding: 0 15px;
padding-bottom: 100px;
}
.fare_advice div.heading {
font-weight: bold;
margin-top: 10px;
font-size: .857em; /*12px*/
margin-bottom: 5px;
}
.fare_advice ul {
padding-left: 12px;
line-height: 17px;
}
.fare_advice ul li {
font-size: .786em; /*11px*/
list-style-image: url('/afwd/tips-advice-arrow.gif');
}
.fare_advice a {
text-decoration: none;
}
.fare_advice a:link,
.fare_advice a:visited {
color: #1b2c6e;
}
.fare_error {
background-color: #ffebeb;
position: relative;
margin-bottom: 10px;
}
.fare_error .content {
border-left: solid 1px #ffb2b2;
border-right: solid 1px #ffb2b2;
padding: 0 7px;
}
.fare_error .top,
.fare_error .bottom {
height: 5px;
font-size: 1px;
}
.fare_error .top .middle {
height: 5px;
font-size: 1px;
line-height: 0;
margin: 0 5px;
margin-bottom: -5px;
border-top: solid 1px #ffb2b2;
}
.fare_error .bottom .middle {
border-bottom: solid 1px #ffb2b2;
height: 4px;
}
.fare_error .top .left,
.fare_error .top .right,
.fare_error .bottom .left,
.fare_error .bottom .right {
line-height: 0px;
font-size: 1px;
height: 5px;
width: 5px;
}
.fare_error .top .left,
.fare_error .bottom .left {
position: absolute;
left: 0;
}
.fare_error .top .right,
.fare_error .bottom .right {
float: right;
margin-top: -5px;
}
.fare_error .top .right {
margin-top: -1px;
}
.fare_error .top .corner.right { background-position: -143px -306px; }
.fare_error .top .corner.left { background-position: -118px -306px; }
.fare_error .bottom .corner.right { background-position: -143px -331px; }
.fare_error .bottom .corner.left { background-position: -118px -331px; }
/* make h2 less wide on fare details page only */
#container.wrapper_route_fares h2.top {
float: left;
width: 65%;
font-size: 1.3em;
}
/* average route rating next to the h2 */
.route-average-rating {
float: left;
width: 35%;
font-size: .786em; /* 11 or 12 px */
}
.route-average-rating a {
text-decoration: none;
}
.route-average-rating div.noreviews {
text-align: right;
}
.route-average-rating p {
margin: 0 0 5px;
}
.route-average-rating p.total {
float: left;
line-height: 20px;
}
/* The Route Reviews */
#reviews {
/* based on a calculated with of 608.767px */
border: 1px solid #D0ECFF;
}
#reviews p {
margin: 0;
}
#route-reviews-head,
#route-reviews-foot {
background-color: #E7F4FD;
padding: 3%;
}
#route-reviews-foot {
padding: 1% 3%;
font-size: 11px;
}
#route-reviews-head .split {
line-height: 20px;
}
#route-reviews-head .split .ratings,
#route-reviews-head .split .actions {
float: left;
width: 50%;
margin: 0;
}
#route-reviews-head .split .actions {
text-align: right;
font-size: 11px;
}
#route-reviews-head p {
font-weight: bold;
margin-bottom: 4px;
}
#route-reviews-head .total {
font-size: 12px;
}
#reviews ol,
#reviews ul {
list-style: none;
}
#route-reviews {
background-color: #F5FBFF;
}
#reviews .review {
border-top: 1px solid #E8F4FD;
padding-right: 10px;
}
#reviews .review.even {
background-color: #FFF;
}
#reviews .review .scores {
display: block;
float: left;
width: 22%;
padding: 3% 0 3% 3%;
margin: 0;
}
#reviews .review .body {
float: left;
width: 70%;
padding: 3% 0 3% 5%;
margin: 0;
font-size: 14px;
}
.scores li.notrated {
display: none;
}
#reviews .scores li.overall {
display: block;
}
#reviews .review .scores li {
margin-bottom: 8px;
}
#reviews .review .scores div {
float: left;
height: 13px;
width: 13px;
margin-right: 1px;
background: transparent no-repeat scroll 0 -300px;
}
#reviews .review .scores div.included {
background-position: -13px -300px;
}
#reviews .review .scores p {
margin-bottom: 3px;
font-size: 11px;
}
#reviews .review .scores .overall div {
height: 20px;
width: 20px;
background-position: -51px -280px;
}
#reviews .review .scores .overall div.included {
background-position: -71px -280px;
}
#reviews .review .body .title {
font-weight: bold;
}
#reviews .review .body .title .quote {
color: #AAA;
}
#reviews .review .body .title a { text-decoration: none; color: #555; }
#reviews .review .body .author {
font-size: 11px;
color: #666;
}
#reviews .review .body dl {
margin: 10px 0 0 2%;
}
#reviews .review .body dt,
#reviews .review .body dd {
float: left;
font-size: 11px;
line-height: 14px;
}
#reviews .review .body dt {
width: 25%;
text-align: right;
}
#reviews .review .body dd {
width: 71%;
padding-left: 2%;
font-weight: bold;
}
#reviews .review .body .reviewbody {
margin-top: 10px;
font-size: 11px;
line-height: 14px;
}
#reviews.empty #route-reviews {
display: none;
}
#reviews .review .scores div.wrapper {
float: none;
background: none;
width: 100%;
}
.rating-area div {
float: left;
width: 21px;
height: 23px;
margin-right: 1px;
background: transparent no-repeat -110px -280px;
}
.rating-area div.included {
background-position: -131px -280px;
}
.rating-area div.included.half {
background-position: -152px -280px;
}
#route-average-rating .rating-area div {
width: 17px;
height: 18px;
background-position: 0 -280px;
}
#route-average-rating .rating-area div.included {
background-position: -17px -280px;
}
#route-average-rating .rating-area div.included.half {
background-position: -34px -280px;
}
.vendor_links_right {
float: right;
margin-right: -2px;
}
.vendor_links_right .title {
font-weight: bold;
font-size: 16px;
padding: 0 0 5px 15px;
}
.vendor_links_right ul {
list-style: none;
padding-left: 15px;
}
.vendor_links_right li {
padding: 5px 0 5px 0;
}
.vendor_links_right p {
padding: 10px 0 5px 15px;
margin: 0;
font-size: 11px;
}
.vendor_links_right a {
background-image:url("/afwd/flex-vendor-arrow.gif");
background-position:left center;
background-repeat:no-repeat;
cursor:pointer;
display:inline;
font-size:0.857em;
font-weight:bold;
margin-right:20px;
text-decoration: underline;
white-space:nowrap;
padding-left: 10px;
}
.blue_tie_in {
width: 42px;
height: 22px;
background-position: 0 -425px;
margin-left: -20px;
}
.gray_wrapper {
width: 263px;
}
.gray_wrapper .top_gray {
background-position: 0px -394px;
height: 5px;
}
.gray_wrapper .title {
padding: 0 10px 0 10px;
background-color: #EEE;
border-right: solid 1px #D8D8D8;
border-left: solid 1px #D8D8D8;
}
.gray_wrapper .content {
background-color: #FFF;
border-right: solid 1px #D8D8D8;
border-left: solid 1px #D8D8D8;
}
.gray_wrapper .bottom {
background-position: -263px -395px;
height: 10px;
width 200px;
}
.bb_search_right {
float: right;
display: none;
margin-right: -2px;
}
.bb_search_right .title {
font: 16px;
font-weight: bold;
padding-bottom: 5px;
}
.bb_search_right .search_popup_trigger_a{
float: right;
}
.bb_search_right .compact_inputs {
padding: 2px 10px 20px 15px;
}
.bb_search_right .blue_tie_in {
margin: -20px 0 0 -35px;
float: left;
}
.bb_search_right .content {
padding: 5px 15px 5px 15px;
}
.bb_search_right .formelement_radio {
float: left;
margin-bottom: 5px;
}
.bb_search_right .formelement {
margin-bottom: 4px;
}
.bb_search_right .formelement_radio input {
padding-top: 3px;
}
.bb_search_right .section-end {
display: block;
margin-bottom: 5px;
}
.bb_search_right .label_small {
width: 11%;
float: left;
margin: 0 3px 0 3px;
}
.bb_search_right .air_label {
width: 20%;
float: left;
margin-right: 3px;
text-align: right;
}
.bb_search_right .input {
width: 75%;
float: left
}
.bb_search_right .formelement_radio input,
.bb_search_right .formelement_radio label {
float: left;
}
.bb_search_right .formelement_radio label {
margin: 0 2px 0 2px;
}
.bb_search_right .air_form {
font-size: 9px;
}
.bb_search_right label {
font-weight: bold;
}
.bb_search_right .content {
font-size: 11px;
}
.bb_search_right .date_subtitle {
display: none;
}
.bb_search_right .date_input {
width: 76px;
margin: 0 0px 3px 0;
}
.bb_search_right .r_inline {
float: right
}
.bb_search_right .num_travelers {
margin: 0 5px;
}
.bb_search_right .air_form select {
float: left;
margin-left: 5px;
}
.bb_search_right .air_form input {
float: left;
}
.bb_search_right .inlsub {
text-align: left;
width: 235px;
margin: 5px 0 5px 0;
background-color: #FFF;
}
.bb_search_right .inlsub input {
margin: 2px;
}
.bb_search_right .tool_tip {
text-align: left;
}
.fare_details dl {
font-size: 11px;
margin-top: 5px;
}
.fare_details dt {
font-weight: bold;
width: 135px;
float: left;
}
.fare_details .fd_dotted {
border-top: 1px dotted #000;
margin-top: 5px;
padding-top: 5px;
}
.fd_dotted p {
font-size:10px;
}
.fare_details .hzr_marg {
margin: 15px 0 0 0;
}
.fare_details .fare_details_alt_list {
list-style: none;
padding: 0;
}
.fare_details_alt_list .def_t {
font-weight: bold;
font-size: 10px;
width: 38%;
float: left;
}
.fare_details_alt_list .def_d {
font-size: 10px;
float: left;
width: 62%;
}
.bb_padding {
margin-top: 5px;
}
.airline_direct_gray {
float: right;
}
.airline_direct_gray .title {
font-weight: bold;
font-size: 18px;
padding-bottom: 8px;
}
.airline_direct_gray .content {
text-align: center;
}
.airline_direct_gray .airline_popup_multi_size {
width: 120px;
height: 60px;
background-position: 0 0;
margin: 0px auto 8px auto;
}
.airline_direct_gray ul {
list-style: none;
padding: 10px 0 0 0;
}
.airline_direct_gray a {
text-decoration: none;
}
.sharp {
border: 1px solid #C0D8DB;
background-color: #F3FCFE;
padding: 5px;
float: left;
margin 10px 0;
width: 97%;
}
.sharp h3 {
background-color: #E2F4FE;
margin: -5px -5px 10px -5px;
padding: 10px;
}
.sharp h3 a {
text-decoration: none;
font-size: .9em;
}
.sharp_margins {
margin: 10px 0 40px 0;
}
.fd_more {
color:#216ACE;
cursor: pointer;
}
.fd_more_display {
display: none;
}
#wb_header {
border-bottom: 1px dotted #555;
}
#wb_header h3{
font-size: 18px;
background-color: transparent;
padding: 0;
font-weight: bold;
}
#wb_info {
border-right: 1px dotted #555;
font-size: 11px;
float: left;
padding-right: 5px;
padding-top: 10px;
margin-right: 10px;
color: #555;
}
#wb_info .row {
margin-bottom: 10px;
}
#wb_info a {
color: #216ace;
font-size: 12px;
}
#wb_info .city {
font-size: 13px;
color: #216ace;
}
#search_popup_buttons h3#wb_subheader {
background-color: transparent;
padding: 15px 0 15px 0;
margin: 0;
font-size: 14px;
}
.wb_cal input {
background-position: 88px -154px;
width: 100px;
padding: 1px 2px 1px 1px;
}
#wb_info span {
font-weight: bold
}
#pagebottom {
font-family: verdana, helvetica, arial, sans-serif;
color: #666;
font-size: 0.786em; /*11px*/
border-top: dotted 1px #bbb;
}
#pagebottom .awd_links {
margin-top: 30px;
}
#pagebottom .also_stm {
font-weight: bold;
}
#pagebottom .copy {
margin-top: 10px;
margin-bottom: 10px;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and /afwd/jqui */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=0b2873&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=37322a&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=cedefd&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=202537&fcHover=052ec7&iconColorHover=c2d6eb&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=508cfb&fcActive=008ceb&iconColorActive=0849ef&bgColorHighlight=5c99ff&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=2f86fe&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px
*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(/afwd/jqui/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { height: 5px; border: 1px solid #37322a; background-color: #0b2873}
.ui-widget-header a { color: #ffffff; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(/afwd/jqui/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #202537; background: #cedefd url(/afwd/jqui/ui-bg_glass_100_cedefd_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #052ec7; }
.ui-state-hover a, .ui-state-hover a:hover { color: #052ec7; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #508cfb; background: #ffffff url(/afwd/jqui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #008ceb; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #008ceb; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #2f86fe; background: #5c99ff url(/afwd/jqui/ui-bg_highlight-soft_75_5c99ff_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(/afwd/jqui/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* Icons
----------------------------------*/
/* states and /afwd/jqui */
.ui-icon { width: 16px; height: 16px; background-image: url(/afwd/jqui/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/afwd/jqui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/afwd/jqui/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/afwd/jqui/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/afwd/jqui/ui-icons_c2d6eb_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/afwd/jqui/ui-icons_0849ef_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/afwd/jqui/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/afwd/jqui/ui-icons_ffd27a_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #666666 url(/afwd/jqui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(/afwd/jqui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* Resizable
----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* Selectable
----------------------------------*/
.ui-selectable-helper { border:1px dotted black }
/* Accordion
----------------------------------*/
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
/* IE7-/Win - Fix extra vertical space in lists */
.ui-accordion a { zoom: 1; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete
----------------------------------*/
.ui-autocomplete { position: absolute; cursor: default; }
.ui-autocomplete-loading { background: white url('/afwd/jqui/ui-anim_basic_16x16.gif') right center no-repeat; }
/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */
/* Menu
----------------------------------*/
.ui-menu {
list-style:none;
padding: 2px;
margin: 0;
display:block;
}
.ui-menu .ui-menu {
margin-top: -3px;
}
.ui-menu .ui-menu-item {
margin:0;
padding: 0;
zoom: 1;
float: left;
clear: left;
width: 100%;
}
.ui-menu .ui-menu-item a {
text-decoration:none;
display:block;
padding:.2em .4em;
line-height:1.5;
zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
font-weight: normal;
margin: -1px;
}
/* Button
----------------------------------*/
.ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; }
button.ui-button-icons-only { width: 3.7em; }
/*button text element */
.ui-button .ui-button-text { display: block; line-height: 1.4; }
.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }
/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }
/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/* Dialog
----------------------------------*/
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; }
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/* Slider
----------------------------------*/
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }
.ui-slider-horizontal { height: .5em; }
.ui-slider-horizontal .ui-slider-handle {
top: -.6em; margin-left: -.6em;
background: url(/afwd/cr/slider.png);
height: 16px;
width: 15px;
border: none;
}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }
.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/* Tabs
----------------------------------*/
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/* Datepicker
----------------------------------*/
.ui-datepicker { width: 17em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; height: 1.65em; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #FFF; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}/* Progressbar
----------------------------------*/
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }
.loginform {
border: solid 1px #d0ecff;
position: relative;
width: 80%; /* to match mock. makes no difference to me */
}
.loginform .head {
padding: 10px 20px;
font-weight: bold;
font-size: 1.2em;
background-color: #e7f4fd;
border-bottom: solid 1px #d0ecff;
}
.loginform .body {
font-size: .876em;
background-color: #f5fbff;
padding: 10px 20px;
padding-bottom: 20px;
}
.loginform ul {
padding-left: 0;
}
.loginform .body ul li {
list-style-type: none;
margin-top: 10px;
margin-bottom: 15px;
}
.loginform .body ul label {
font-weight: bold;
font-size: 0.9em;
display: block;
margin-bottom: 5px;
}
.loginform .body .error_msg {
}
.loginform .body li.errors .error_msg {
display: block;
padding: 5px 0;
}
.loginform .body li.errors input {
border: solid 1px #ff0000;
}
.loginform .body li.errors label {
color: #ff0000;
}
.loginform .error {
color: #ff0000;
padding: 0;
}
#AWDLocationSuggest, #BBLocationSuggest {
background: #fff;
border: solid 1px #7e9db9;
list-style: none;
z-index: 2000;
}
#AWDLocationSuggest, #BBLocationSuggest {
margin: 0;
padding: 0;
}
#AWDLocationSuggest li, #BBLocationSuggest li {
font-size: .8em;
cursor: pointer;
background: #c8d8fa;
color: #0060ad;
margin: 0;
padding: 0 5px;
white-space: nowrap;
text-align: left;
}
#AWDLocationSuggest li.selected, #BBLocationSuggest li.selected {
background: #fff;
text-decoration: underline;
}
/*
* See sprites.css for an explanation of why there are absolute URLs here
* Also, note that there are many !important rules. This is because the markup
* Is similar to other modules in which these tool tips can nest, and we cannot
* Guarantee the ordering of the style rules.
*/
.tool_tip {
border: 1px solid #ffb84e;
background: #fff2d0;
position: absolute;
}
.tool_tip_dynamic {
z-index: 999;
width: 400px;
position: absolute;
}
.tool_tip_dynamic .close {
position: absolute;
top: 0px;
display: block;
top: -8px;
right: -7px;
width: 22px;
height: 21px;
background-repeat: no-repeat;
background-position: -68px -70px;
}
.tool_tip_dynamic .close {
position: absolute;
top: 0px;
display: block;
top: -8px;
right: -7px;
width: 22px;
height: 21px;
background-repeat: no-repeat;
background-position: -68px -70px;
}
.tool_tip_dynamic .top,
.tool_tip_dynamic .bottom {
height: 14px;
font-size: 1px;
}
.tool_tip_dynamic .top .middle {
height: 14px;
font-size: 1px;
line-height: 0;
margin: 0 14px;
margin-bottom: -14px;
border-top: solid 1px #feb84e;
background-color: #fff2d0;
}
.tool_tip_dynamic .bottom .middle {
height: 14px;
background-color: #fff2d0;
margin: 0 14px;
}
.tool_tip_dynamic .content {
background-image: url(http://i.slimg.com/afwd/tt_r.png);
background-repeat: repeat-y;
background-position: right;
padding-right: 4px;
}
.tool_tip_dynamic .content .middle {
background-color: #fff2d0;
border-left: solid 1px #feb84e;
padding: 0 15px;
/* margin-right: 4px;*/
padding: 2px 5px 2px 10px;
}
.tool_tip_dynamic .top .left,
.tool_tip_dynamic .top .right,
.tool_tip_dynamic .bottom .left,
.tool_tip_dynamic .bottom .right {
line-height: 0px;
font-size: 1px;
height: 15px;
width: 14px;
}
.tool_tip_dynamic .top .left,
.tool_tip_dynamic .bottom .left {
height: 14px;
width: 14px;
position: absolute;
left: 0;
}
.tool_tip_dynamic .top .right,
.tool_tip_dynamic .bottom .right {
float: right;
margin-top: -14px;
height: 14px;
}
.tool_tip_dynamic .top .right {
margin-top: -1px;
}
/* default to point left */
.tool_tip_dynamic .content .pointer {
background-position: -60px -105px;
background-repeat: no-repeat;
position: absolute;
top: 25px;
left: -7px;
z-index: 1000;
width: 8px;
height: 14px;
}
.tool_tip_dynamic .content .pointer_down {
position: absolute;
z-index: 1000;
top: auto;
bottom: -3px;
width: 14px;
height: 8px;
left: 50px;
background-image: url(http://i.slimg.com/afwd/tt_arrow_down.png);
background-repeat: no-repeat;
}
/* untested */
.tool_tip_dynamic .content .pointer_up {
position: absolute;
z-index: 1000;
top: -7px;
width: 14px;
height: 8px;
left: 50px;
background-image: url(http://i.slimg.com/afwd/tt_arrow_up.png);
background-repeat: no-repeat;
}
.tool_tip_dynamic .corner {
background-color: transparent;
background-repeat: no-repeat;
}
.tool_tip_dynamic .top .corner.right {
background-position: -45px -104px !important;
top: 1px !important;
right: 0px !important;
}
.tool_tip_dynamic .top .corner.left {
background-position: -30px -104px !important;
top: 0 !important;
left: 0 !important;
}
.tool_tip_dynamic .bottom .corner.right {
background-position: -15px -104px !important;
bottom: 0 !important;
right: 0 !important;
}
.tool_tip_dynamic .bottom .corner.left {
background-position: 0px -104px !important;
bottom: 0 !important;
left: 0 !important;
}
.tool_tip_dynamic .bottom .middle {
background: url(http://i.slimg.com/afwd/tt_bm.png) repeat-x bottom;
}
.city_fares h3.header {
margin-bottom: 20px;
}
ul.supported_locations {
list-style: none;
padding-left: 0;
padding-right: 10px;
}
ul.supported_locations li {
font-size: .857em;/*12px*/
line-height: 20px;
width: 175px;
}
/*.supported_locations .heading {
font-size: 1.143em;/*16px*//*
font-weight: bold;
color: #555;
}*/
/* special rows */
.supported_locations li div.horizontal_rule {
margin: 15px 0 15px 0;
}
.supported_locations li.subnav {
font-weight: bold;
color: #555;
margin: 15px 0 5px 0;
font-size: 1em; /*14px*/
}
/* links */
.supported_locations a {
text-decoration: none;
}
.supported_locations a:link,
.supported_locations a:visited {
color: #216ace;
}
/* city popup */
.supported_locations .city_list {
position: relative;
top: -7px;
}
.supported_locations h3.cities {
margin: 0;
padding: 0;
font-size: 12px;
}
ul.supported_locations_city {
padding-left: 10px;
list-style-image: url('/afwd/tips-advice-arrow.gif');
}
.supported_locations_city a {
font-weight: bold;
}
.supported_locations_city a:link,
.supported_locations_city a:visited {
color: #216ace;
font-weight: bold;
font-size: 11px; /*12px->11px*/
}
.supported_locations_city li.city {
width: 100px;
line-height: 16px;
}
.supported_locations .tool_tip_dynamic {
width: 200px;
}
/**
* tool tip style for city list ..
* this one is hairy because is needs to
* extend to hold all cities
*/
.fares_search {
padding: 30px 15px 30px 15px;
}
.fares_search .title {
color: #666;
font-size: 1.2em; /*?px*/
font-weight: bold;
margin-bottom: 10px;
}
.fares_search .subtitle {
margin-top: 15px;
}
#hp_fares_search.fares_search .title {
color: #253b7e;
font-size: 1.6em; /*?px*/
margin-bottom: 10px;
}
#hp_fares_search.fares_search .subtitle {
color: #8fc4f2;
font-size: 1.32em; /*?px*/
}
.fares_search .input_input {
float: left;
}
.fares_search .input_input input {
width: 275px;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 1em; /*14px*/
color: #666;
padding: 2px;
border: solid 1px #243b7e;
}
.fares_search .input_submit {
width: 50px;
margin-left: 12px;
float: left;
}
/* overrides for city list page */
.city_list_fares_search {
padding: 15px 15px 15px 15px;
}
.fares_search input.inactive {
color: #666;
}
.fares_search input.active {
color: #555;
font-style: normal;
}
.fares_search input.error {
border: solid 1px #ff0000;
}
.fares_search .error_message {
font-size: 0.857em; /*12px*/
color: #ff0000;
width: 280px;
}
/* overrides for fare details page */
.fare_search_faredetails {
padding: 15px 15px 15px 15px;
}
.fare_search_faredetails .title {
float: left;
width: 300px;
margin-bottom: 20px;
}
.fare_search_faredetails .dogimage {
float: right;
width: 210px;
}
.fare_search_media {
padding: 5px 15px 5px 15px;
}
.fares_flex_limit {
font-size: 14px;
font-weight: normal;
color: #555555;
}
.fares_flex_h1 {
font-size: 16px;
font-weight: bold;
color: #555555;
}
/* maybe this should be generic somewhere */
#master_fare_list h1.topfares {
font-weight: bold;
color: #555;
font-size: 1.286em;/*18px*/
margin: 0;
padding: 0;
}
#master_fare_list p {
clear: both;
margin: 10px 0;
}
#master_fare_list .see_all {
font-size: .857em; /*12px*/
padding: 5px 5px 0 0;
text-align: right;
}
/* NOTE! this is WAY WAY too global to be here! */
.error {
color: #e4304f;
clear: left;
padding: 20px;
}
.error.user {
font-weight: bold;
text-align: center;
}
.beacon {
background-color: transparent;
background-repeat: no-repeat;
display: block;
float: left;
height: 19px;
margin: 0 5px 0 0;
width: 19px;
}
.beacon.domestic {
background-position: 0 0;
}
.beacon.domestic_disabled {
background-position: 0 -174px;
}
.beacon.international {
background-position: -20px 0;
}
.beacon.international_disabled {
background-position: -20px -174px;
}
.beacon.weekend {
background-position: -40px 0;
}
.beacon.weekend_disabled {
background-position: -40px -174px;
}
.beacon.new {
background-position: -60px 0;
}
.beacon.new_disabled {
background-position: -60px -174px;
}
.beacon.unadvertised {
background-position: -80px 0;
}
.beacon.unadvertised_disabled {
background-position: -80px -174px;
}
.ff_btn {
background-image: url('/afwd/cr/find-flights.png');
margin: 9px 0 0 0;
width: 70px;
height: 20px;
}
.sort {
background-color: transparent;
background-repeat: no-repeat;
display: block;
float: left;
height: 5px;
position: relative;
top: 7px;
width: 9px;
}
.sort.ascending {
background-position: 0 -194px;
}
.sort.descending {
background-position: -10px -194px;
}
.fare_list {
border: 1px solid #dbeffe;
clear: left;
width: 100%;
}
.fare_list a {
}
.fare_list tr {
border-top: 1px solid #dbeffe;
cursor: pointer;
}
.fare_list tr.headings {
cursor: auto;
}
.fare_list th {
border-bottom: 1px solid #dbeffe;
}
.fare_list th span {
float: left;
margin: 0 0 0 5px;
}
.fare_list th.col1 img {
margin-top: -1px;
margin-left: -1px;
float: left;
}
.fare_list th.col3 img {
margin-right: -1px;
margin-top: -1px;
float: right;
}
.top_fares_list {
border: 0;
border-bottom: solid 1px #dbeffe;
}
.top_fares_list tr {
cursor: pointer;
}
.top_fares_list tr.headings {
cursor: auto;
}
.fare_list th a {
text-decoration: none;
}
.top_fares_list th a {
color: #216ace;
font-size: .857em;/*12px*/
}
.fare_list td {
font-size: 1em;
padding: 12px 12px 12px 12px;
}
.pre_hide {
display: none;
}
.fare_list .fare_list_expanded td {
padding: 0;
}
.fare_list tr.ads td {
padding: 0px;
}
.fare_list tr.headings th {
background-color: #f5fbff;
}
.top_fares_list tr.headings th {
background-color: #fff;
}
.fare_list_expanded {
background-color: #f5fbff;
}
.fare_list_expanded .fare_information_table td {
font-size: 11px;
}
h2.fare_list_header {
font-size: 14px;
}
.fare_list_expanded .information {
padding-right: 0;
border-right: dotted 1px #bbb;
}
.fare_list .fare_details .flex_options {
font-size: 11px;
}
.fare_list .fare_details .taxnotice,
.fare_list .fare_details #bbsearch,
.fare_list .fare_details .flex_search {
padding-left: 10px;
}
.fare_list td.fare_details {
padding: 5px 15px 25px;
}
.fare_list td.fare_details td {
border: none;
}
.fare_list tr.even td {
background-color: #f5fbff;
}
.fare_list tr.odd td {
background-color: #e7f4fd;
}
.fare_list td {
border-right: 1px solid #dbeffe;
}
.fare_list td.price {
border-left: 1px solid #dbeffe;
padding-right: 8px;
vertical-align: middle;
width: 15%;
}
.fare_list td.ad {
padding: 0;
border-left: 1px solid #dbeffe;
}
.fare_list td.ad .dart_ad {
}
.fare_list td.price a {
text-decoration: underline;
font-size: 1.214em; /*17px*/
font-weight: bold;
}
.fare_list td.price .flight_type {
color: #216ace;
font-size: 0.706em; /*17px -> 12px*/
text-decoration: none;
}
.fare_list td.arrivalcity,
.fare_list td.departurecity {
width: 30%;
font-size: .786em; /*11px*/
}
.fare_list td.arrivalcity a,
.fare_list td.departurecity a {
font-weight: normal;
text-decoration: none;
}
.fare_list td.departurecity a:hover,
.fare_list td.arrivalcity a:hover {
text-decoration: underline;
}
.fare_list td.location {
border-right: 1px solid #dbeffe;
width: 26%;
font-size: .786em; /*11px*/
vertical-align: middle;
}
.fare_list td.details span.details{
width: 44%;
font-size: .8em;
line-height: 19px; /* px not em since it needs to match beacon height */
}
.top_fares_list td.details {
font-size: 1em;
width: 21%;
}
.fare_list td.details a {
white-space: nowrap;
font-size: .786em; /*11px*/
font-weight: bold;
color: #216ace;
}
.fare_list td.details a span.double_arrow {
text-decoration: none;
}
.fare_list .trigger {
float: left;
height: 25px;
padding: 5px;
width: 25px;
}
#fare_list_links {
float: left;
font-size: .8em;
padding: 0px 0 0 20px;
width: 35%;
}
#fare_list_links a {
text-decoration: none;
}
#fare_list_links ul {
padding: 0;
margin: 2px 0;
}
#fare_list_links li {
clear: left;
list-style: none;
padding: 2px;
}
#fare_list_links .fare_alerts {
margin: 3px;
}
#master_fare_list #fare_list_links p {
font-size: 11px;
margin: 0;
}
#fare_list_links .nearby_airports {
margin: 3px;
margin-top: 8px;
}
#fare_list_filter {
border-right: 1px dotted #ccc;
float: left;
margin: 0 0 20px 0;
width: 58%;
}
#fare_list_filter input {
border: 0;
}
#fare_list_filter li {
/* yeah, seems crazy but needed for IE */
border: 1px solid white;
display: block;
float: left;
height: 20px;
list-style: none;
margin: 5px 20px 0 0;
white-space: nowrap;
}
#fare_list_filter li span {
float: left;
padding: 3px 0 0 0;
}
#filter_container .hdivider {
border-bottom:1px solid #DBEFFE;
width: 98%;
height: 1px;
margin: 15px 0 0 0;
}
#filter_container .bottom {
height: 6px;
margin-top: -1px
}
#filter_container .bottom .left {
background-position:-36px -319px;
bottom:-1px;
right:-1px;
width: 10px;
float: left;
height: 10px;
}
#filter_container .bottom .middle {
float: left;
border-bottom:1px solid #DBEFFE;
width: 130px;
height: 9px;
background-color:#F5FBFF;
}
#filter_container .bottom .right {
background-position:-45px -319px;
bottom:-1px;
right:-1px;
width: 9px;
float: left;
height: 10px;
}
#fare_list_filter li .beacon {
float: left;
margin: 0 0 0 5px;
}
#fare_list_filter li input {
float: left;
margin: 3px;
}
#fare_list_filter legend {
color: #555;
font-weight: bold;
}
#master_fare_list #fare_list_filter p {
margin-top: 0;
font-size: 1em; /*12px*/
}
/* AFWD-1023 */
#filter_container {
}
#fare_list_filter2 {
margin: -4px 0 0 0;
border-left:1px solid #DBEFFE;
border-right:1px solid #DBEFFE;
background-color:#F5FBFF;
padding: 0 0px 5px 10px;
width: 137px;
}
#fare_list_filter2 input {
border: 0;
}
#fare_list_filter2 .slide_price {
font-weight: bold;
}
#fare_list_filter2 #fare_list_form li.disabled span {
color: #999;
}
#fare_list_filter2 #fare_list_form li {
color: #555;
/* yeah, seems crazy but needed for IE */
display: block;
border: none;
float: left;
height: 20px;
padding: 5px 0 0 0;
white-space: nowrap;
background-color:#F5FBFF;
}
#fare_list_filter2 li {
list-style: none;
}
#fare_list_filter2 .dhtml_selector li {
padding: 3px 0 0 5px;
margin: 0px;
color: #555555;
}
#fare_list_filter2 .dhtml_selector li:hover {
background-color: #EAEAEA;
}
#fare_list_filter2 li span {
float: left;
padding: 3px 0 0 0;
}
#fare_list_filter2 li .beacon {
float: left;
margin: 0 2px 0 5px;
}
#fare_list_filter2 li input {
float: left;
margin: 3px;
}
#fare_list_filter2 .false_input {
border-left: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
font-size: 11px;
color: #555555;
width: 98px;
height: 18px;
float: left;
padding: 3px 0 0 3px;
cursor: pointer;
}
#fare_list_filter2 .drop_down {
float: left;
background-image: url('/afwd/cr/drop-down-arrow.png');
background-repeat: no-repeat;
background-position: 0px 1px;
height: 21px;
width: 20px;
border-right: 1px solid black;
border-top: 1px solid black;
border-bottom: 1px solid black;
background-color: white;
cursor: pointer;
}
#fare_list_filter2 legend {
color: #555;
font-weight: bold;
}
#fare_list_filter2 .filter_title {
font-size: 13px;
font-weight: bold;
font-color: #57585a;
}
#dhtml_loading2 {
background-image: url('/afwd/cr/preloader-bg.png');
height: 87px;
width: 115px;
background-color: transparent;
border: none;
}
#dhtml_loading2 img {
margin: 0;
}
#fare_list_filter2 .dhtml_selector {
display: none;
position: absolute;
z-index: 100;
background-color: white;
border: 1px solid black;
}
#nl_module .filters_topsection {
background-image: url('/afwd/cr/fare-alerts.png');
background-repeat: no-repeat;
width: 149px;
height: 118px;
}
#nl_module .filters_cb {
float: left;
width: 14%;
}
#nl_module .filters_cityname {
float: left;
width: 85%;
font-size: 10px;
}
#nl_module .filters_middlesection {
border-left:1px solid #FFD9A0;
border-right:1px solid #FFD9A0;
margin-top: -61px;
padding: 0 0 4px 8px;
width: 139px;
}
#nl_module .filters_middlesection .submit {
padding-top: 5px;
}
.filters_bottom div {
height: 10px;
float: left;
}
.filters_bottom .right {
background-position: 10px -104px;
width: 10px;
}
.filters_bottom .left {
width: 10px;
background-position: 0px -104px;
}
.filters_bottom .middle {
border-bottom: 1px solid #FFC87B;
background-color: #FFF4D6;
width: 129px;
}
.nav_collapse {
margin-top: -15px;
margin-left: 120px;
margin-bottom: 5px;
position: static;
}
.nav_collapse2 {
margin-top: -25px;
margin-left: 120px;
margin-bottom: 5px;
position: static;
}
#filter_container .top {
background-image: url('/afwd/cr/bluetop.gif');
height: 41px;
width: 149px;
}
#filter_container .headline {
height: 14px;
padding-top: 11px;
padding-left: 11px;
}
#fare_list_filter2 #slider_afwd {
padding: 0 4px 0 4px;
width: 100px;
margin: 10px 0 10px 0;
z-index: 10;
}
.white_bg {
background-color: #FFF;
}
#fare_list_filter2 .left {
text-align: left;
float: left;
width: 46%;
color: #555;
}
#fare_list_filter2 .right {
text-align: right;
float: left;
width: 47%;
padding-right:9px;
color: #555;
}
#filter_container .route_input {
width: 80%;
}
#fare_list_filter2 .label {
color: #555;
padding: 20px 0 7px;
}
.clearfilters td {
padding: 15px 10px 15px 10px;
display: hidden;
background-color: #E8F5FD;
}
#clearfilters_message b{
font-size: 16px;
line-height: 22px;
color: #6e6f71;
}
#clearfilters_message {
font-size: 14px;
line-height: 22px;
color: #6e6f71;
}
.clear_triangle {
float: left;
width:6px;
height:10px;
background-position: -19px -193px;
background-color: #E8F5FD;
margin: 1px 3px 0 0;
}
.clearfilters div.click {
float: left;
text-decoration: underline;
color: #006bd3;
font-size: 12px;
cursor: pointer;
}
.nearby_input_container {
display: none;
}
#master_fare_list #fare_list_filter2 p {
margin-top: 0;
font-size: 1em; /*12px*/
}
#master_fare_list .sortmessage {
margin-top: 20px;
font-size: .857em; /*12px*/
}
#master_fare_list .sortmessage div.left {
width: 50%;
float: left;
}
#master_fare_list .sortmessage div.right {
width: 48%;
text-align: right;
float: right;
}
#master_fare_list p #clearfilters_message {
font-size: 18px;
color: #555;
}
#master_fare_list td.clearfilters {
padding: 10px;
background-color: #E8F5FD;
}
#master_fare_list #clearfilters_tip {
font-size: 14px;
color: #6e6f71;
padding-bottom: 10px;
margin-bottom: 10px;
border-bottom: 1px dotted #808080;
}
#master_fare_list p {
font-size: .857em;/*12px*/
}
#master_fare_list p.lawyertext {
color: #555;
font-size: 0.786em; /*11px*/
line-height: 14px;
margin: 15px 0;
}
#master_fare_list p.topmessage {
line-height: 17px;
margin-bottom: 0;
}
#master_fare_list p.notice {
margin-top: 0;
}
.city_name_pop {
width: 150px;
}
.city_name_pop .popup_city_name {
font-weight: bold;
}
.wrapper_fare_list #awd_inputs {
width: 100%;
border: 0;
}
#fare_list_form {
font-size: .756em; /*12px*/
}
#fare_list_form ul li.disabled {
color: #999;
}
#bb_widget_intro {
margin-top: 30px;
}
#bb_widget_intro h2 {
margin: 0;
}
#bb_widget_intro p {
margin: 0;
}
.fare_list_text {
text-decoration:none;
font-weight:normal;
white-space:nowrap;
}
.fare_list_desc {
font-size: 1em;
color: #555;
line-height: 19px;
white-space:normal;
font-weight: normal;
text-decoration:none;
}
.fare_list_link {
text-decoration:underline;
color:#216ACE;
font-weight: bold;
font-size: 9px;
}
.fare_list_raquo {
color: #555555;
font-size: 11px;
}
.fare_list_nowrap {
white-space: nowrap;
}
/* Specific to the sample fares AKA EFC */
.sample_fares {
float: left;
width: 100%;
}
.sample_fares td {
padding: 12px 0 0 0;
}
.sample_fares table {
width: 100%;
margin: 8px 0 40px;
}
.sample_fares td,
.sample_fares th {
min-width: 70px;
text-align: left;
font-size: 11px;
}
.sample_fares .description {
font-weight: normal;
font-style: italic;
font-size: .66em;
}
.sample_fares .headings {
font-size: 11px;
}
.sample_fares .shim td {
height: 3px;
border-bottom: 1px dotted #ccc;
padding: 0;
}
.sample_fares .price {
font-weight: bold;
width: 70px;
}
#media_intro p {
font-size: 0.857em; /*12px*/;
}
#media_intro {
margin-bottom: 40px;
}
h2.press_category_title {
margin: 30px 0 20px 0;
text-decoration: underline;
}
.press_mention {
font-size: 0.857em; /*12px*/
padding-top: 10px;
}
.press_mention h3 {
border-top: 1px dotted #bbb;
padding: 15px 0 0 0;
}
.press_mention .description {
font-size: 0.857em; /*12px*/
}
.media_list {
margin-bottom: 20px;
}
.module {
float: left;
margin: 10px 0;
width: 100%;
}
/* BBDN Deals Module */
#bbdn_wrapper {
margin: 5px 0px 0px 17px;
height: 268px;
}
.dealby {
font-size: 0.74em;
font-weight: normal;
font-style: italic;
color: #bbb;
line-height: 20px;
}
.dealdate {
font-size: 0.78em;
font-weight: normal;
margin: 2px 0px 6px 0px;
}
.dealboxtitle {
color: #555;
font-size: 1.1em;
}
#bbdn_wrapper ul {
margin: 0;
padding: 0;
}
#bbdn_wrapper li {
list-style: none outside none;
padding: 0 0 7px 0;
font-size: 0.82em;
font-weight: bold;
}
#bbdn_wrapper span.fineprint {
color: #555;
font-size: 9px;
font-weight: normal;
}
/* White module formatting */
.module table.white {
width: 100%;
border: 0;
background-color: #fff;
border: 2px solid #ebebeb;
}
#container div.module table.white td {
padding: 0;
}
.module table.white td.m {
background-color: #fff;
padding: 0;
}
.module table.white td.mtop {
width:100%;
}
.module table.white td.mright {
border: 0;
}
.module table.white td.mcontent {
padding-left: 20px;
}
/* Blank module formatting */
.module table.blank {
width: 100%;
border: 0;
}
#container div.module table.blank td {
padding: 0;
}
.module table.blank td.m {
padding: 0;
}
.module table.blank td.mtop {
width:100%;
}
.module table.blank td.mright {
border: 0;
}
.module table.blank td.mcontent {
padding-left: 20px;
}
/* Help module */
#help a {
font-size: 15px;
color: #216ACE;
text-decoration: none;
font-weight: bold;
line-height: 34px;
}
#help a:hover, #help .help_mod_selected {
text-decoration: underline;
}
/* NL Signup Modules */
#nl_module {
font-size: 12px;
}
.nl_parent_node{
font-size: 12px;
width: 151px;
position: relative;
z-index: 99;
}
#nl_module ul {
padding: 8px 8px 5px 15px;
}
#left_nl_module {
margin-bottom: 20px;
}
#left_nl_module li {
padding-bottom: 5px;
font-size: 0.786em; /*11px*/
}
#nl_module input[type="text"] {
color: #666;
padding-left: 3px;
}
#hp_nl_module input[type="text"] {
width: 175px;
padding: 2px;
vertical-align: middle;
}
#left_nl_module input[type="text"] {
width: 120px;
margin-bottom: 10px;
}
#hp_nl_module input[type="image"] {
padding-left: 5px;
vertical-align: middle;
}
/**
* styles for static left-hand nl module
*/
#nl_module .static {
background-image: url('/afwd/nl_signup_module_bg.gif');
background-repeat: no-repeat;
width: 136px;
height: 230px;
padding: 7px;
}
#nl_module .static .topsection {
height: 80px;
}
/**
* styles for stretchy dynamic left-hand nl module
* begin with 'destination' styles then override for departure
*/
#nl_module .dynamic {
width: 150px;
background-color: #fff4d6;
background-image: url('/afwd/nl_signup_dynamic_sliver.gif');
background-repeat: repeat-x;
}
#nl_module .dynamic_arrival .topsection {
height: 74px;
background-image: url('/afwd/nl_signup_dynamic_topbg.gif');
}
#nl_module .dynamic .cityname {
color: #283b7d;
font-size: 1.143em; /*16px*/
font-weight: bold;
}
#nl_module .dynamic .middlesection {
border-right: solid 1px #ffd9a0;
border-left: solid 1px #ffd9a0;
padding: 0px 8px 0px 8px;
}
#nl_module .dynamic .bottomsection {
background-image: url('/afwd/nl_signup_dynamic_botbg.gif');
height: 11px;
}
#nl_module .dynamic_departure .topsection {
height: 57px;
background-position: -100px -153px;
}
/**
* styles for homepage nl signup module
*/
#hp_nl_module {
background-image: url('/afwd/hp_newsletter_1px_slice.gif');
background-repeat: repeat-x;
background-color: #fff4d8;
}
#hp_nl_module .bottomsection,
#hp_nl_module .topsection {
font-size: 1px;
}
#hp_nl_module .topsection .left {
width: 10px;
height: 10px;
float: left;
}
#hp_nl_module .topsection .middle {
margin: 0 10px;
border-top: solid 1px #ffd9a0;
}
#hp_nl_module .topsection .right {
margin-top: -1px;
float: right;
}
#hp_nl_module .bottomsection .left {
float: left;
margin-top: 1px;
}
#hp_nl_module .bottomsection .middle {
border-bottom: solid 1px #ffd9a0;
margin: 0 10px;
height: 10px;
}
#hp_nl_module .bottomsection .right {
float: right;
margin-top: -10px;
}
#hp_nl_module .middlesection {
margin-top: 5px;
border-right: solid 1px #ffd9a0;
border-left: solid 1px #ffd9a0;
padding: 0 10px;
}
/* HP Today's fares entry module */
.hp_todays_fares {
width: 230px;
float: left;
margin: 0 10px 0 0;
overflow: hidden;
}
.hp_todays_fares a {
font-size: 10px; /*11px*/
text-decoration: none;
font-weight: normal;
}
.hp_todays_fares h4 {
font-weight: normal;
}
.hp_todays_fares ul {
margin: 5px 0;
padding: 0;
}
.hp_todays_fares li {
list-style: none;
}
.hp_todays_fares li a {
font-size: 0.85em;
font-weight: bold;
}
.hp_todays_fares .price {
float: left;
clear: left;
padding: 5px 0;
width: 30%;
}
.hp_todays_fares .airport {
float: left;
font-size: 0.85em;
padding: 5px 0;
width: 70%;
}
.hp_todays_fares .airport a {
text-decoration: none;
}
.hp_todays_fares .see_all {
clear: both;
margin: 15px 0 10px 0;
}
.hp_todays_fares .see_all a {
font-size: 0.85em;
text-decoration: underline;
}
.hp_todays_fares_popup {
width: 240px;
}
.hp_todays_fares_popup span {
color: #666;
font-size: 11px;
font-weight: bold;
}
.hp_todays_fares_popup form {
position: relative;
}
.hp_todays_fares_popup .input_input {
padding-top: 3px;
float: left;
margin-top: 0px;
width: 155px;
height: 20px;
position: relative;
}
/* ls */
.hp_todays_fares_popup .input_input ul#AWDLocationSuggest {
position: absolute;
top: 20px !important;
left: 0px !important;
}
.hp_todays_fares_popup .input_input input {
padding: 2px;
position: relative;
}
.hp_todays_fares_popup .input_submit {
float: right;
width: 50px;
margin-top: 2px;
}
.hp_todays_fares_popup .city {
max-width: 160px;
}
/* HP Blog Entry Module */
#hp_recent_blog_entries {
width:230px;
float: left;
overflow: hidden;
}
#hp_recent_blog_entries h3 {
font-size: 14px;
font-weight: bold;
color: #666;
padding-bottom: 8px;
}
#hp_recent_blog_entries div.entry {
padding-bottom: 10px;
}
#hp_recent_blog_entries div.entry a.hl {
font-size: 12px;
font-weight: bold;
color: #216ACE;
text-decoration: none;
}
#hp_recent_blog_entries div.entry span.date {
font-size: 10px;
color: #666;
}
#hp_recent_blog_entries div.entry span.comment {
font-size: 10px;
color: #216AC3;
}
#hp_recent_blog_entries .more {
font-size: 12px;
color: #216AC3;
}
#hp_recent_blog_entries .arrow {
font-size: 14px;
color: #808080;
}
/* Sub confirm blog entry module */
#subs_recent_blog_entries h3 {
font-size: 16px;
font-weight: bold;
color: #555;
padding-bottom: 15px;
}
#subs_recent_blog_entries div.entry {
padding-bottom: 10px;
}
#subs_recent_blog_entries div.entry .hl {
font-size: 12px;
font-weight: bold;
color: #216ACE;
}
#subs_recent_blog_entries div.entry .summary {
font-size: 11px;
color: #555;
}
#subs_recent_blog_entries div.entry .comment {
font-size: 10px;
color: #216ACE;
}
/* Blog + Travel Q&A page category lists */
.module ul.categories {
border-bottom: 1px dotted #bbb;
font-size: 0.8em;
list-style: none;
margin: 0;
padding: 0 0 15px 0;
}
.module ul.categories.last {
border: 0;
padding: 0;
}
.module .categories li {
padding: 5px 0;
}
/* Styles for the Homepage Popular Modules */
.hp_pop_mod {
padding: 0 2px;
margin-bottom: 20px;
}
.hp_pop_mod .hp_pop_mod_column {
float: left;
width: 34%;
}
.hp_pop_mod .hp_pop_mod_column_0 {
margin-left: 0;
width: 30%;
}
.hp_pop_mod h3 {
font-size: 1em;
margin-bottom: 20px;
}
.hp_pop_mod .pop_mod_item a:link,
.hp_pop_mod .pop_mod_item a:visited {
text-decoration: none;
color: #888;
font-size: .786em; /*11px*/
line-height: 15px;
}
/* Styles for the CityArea Popular Modules */
.citylist_pop_mod .citylist_pop_mod_column {
float: left;
width: 34%;
}
.citylist_pop_mod .citylist_pop_mod_column_0 {
margin-left: 0;
width: 30%;
}
.citylist_pop_mod h3 {
font-size: 16px;
margin-bottom: 10px;
}
.citylist_pop_mod .pop_mod_item a:link,
.citylist_pop_mod .pop_mod_item a:visited {
text-decoration: none;
color: #216ACE;
font-size: 12px;
line-height: 18px;
}
/* styles for 'your fares' hp module */
.my_fares_module {
padding-bottom: 15px;
padding-left: 5px;
padding-top: 5px;
}
.my_fares_module h2 {
font-size: 1.143em;/*16px*/
color: #666;
font-weight: bold;
margin: 0;
margin-bottom: 10px;
}
.my_fares_module h3 {
font-size: 1em; /*14px*/
color: #666;
margin: 0;
padding: 0;
margin-bottom: 5px;
}
.my_fares_module .horizontal_rule {
margin: 8px 0;
}
.my_fares_module li {
font-size: .857em; /*12px*/
}
.my_fares_module li a {
text-decoration: none;
}
.my_fares_module ul {
padding-left: 15px;
}
#ta_ads {
/* overflow: hidden;*/
border: 0;
width: 320px;
height: 290px; /*little taller in case of overflow*/
}
/* User's Guide Module */
#guide_links {
width: 100%;
font-size: 12px;
font-weight: bold;
border-top: 1px dotted #ccc;
padding-top: 20px;
}
#guide_links a {
text-decoration: none;
}
#guide_links #guide_left {
float: left;
width: 49%;
}
#guide_links #guide_right {
float: right;
width: 49%;
}
#guide_links ul {
list-style-type: none;
margin: 0;
padding: 0;
}
#guide_links ul li {
padding-bottom: 10px;
}
.two-tone-rounded-corners {
padding: 0px;
}
.two-tone-rounded-corners .top,
.two-tone-rounded-corners .bottom {
position: relative;
}
/*** TWO-TONE BLUE ***/
.module-blue {
border: 1px solid #d0ecff;
background-color: #f5fbff;
}
.module-blue .mcontent {
padding: 16px;
}
.module-blue .top .corner.right {
background-position: -63px -320px;
}
.module-blue .top .corner.left {
background-position: -54px -320px;
}
/*** TWO-TONE ORANGE ***/
.module-orange {
border: 1px solid #ffd9a0;
background-color: #fff8e7;
}
.module-orange .mcontent {
padding: 7px;
}
.module-orange .top .corner.right {
background-position: -185px -320px;
}
.module-orange .top .corner.left {
background-position: -176px -320px;
}
.module-orange .bottom .corner.left {
background-position: -158px -320px;
}
.module-orange .bottom .corner.right {
background-position: -167px -320px;
}
/** module-specific fixes from old table paradigm **/
.hp_todays_fares .module,
#hp_recent_blog_entries .module
{
width: auto;
}
.lowest_fares_container {
padding: 10px;
}
.lowest_fares_container ul {
padding: 0;
}
.lowest_fares_container li {
border-bottom: 1px dotted #555;
margin-bottom: 5px;
padding-bottom: 6px;
list-style: none;
}
.lowest_fares_container li.header {
border-bottom: 1px dotted #555;
margin-bottom: 5px;
padding-bottom: 1px;
list-style: none;
}
.lowest_fares_container li .price {
float: left;
width: 20%;
font-size: 16px;
color: #1e67ce;
font-weight: bold;
}
.lowest_fares_container li .price a{
text-decoration: none;
}
.lowest_fares_container li .deatils.sm,
.lowest_fares_container li .airport.sm,
.lowest_fares_container li .price.sm {
font-weight: normal;
font-size: 11px;
color: #000;
}
.lowest_fares_container li .airport {
float: left;
width: 35%;
font-size: 11px;
color: #08166c;
}
.lowest_fares_container li .details {
float: left;
width: 40%;
font-size: 11px;
color: #000;
}
.lowest_fares_container li .details a {
color: #1e67ce;
}
.lowest_fares_container .sub_header {
font-size: 12px;
font-weight: bold;
color: #757c7b;
margin-bottom: 10px;
}
.lowest_fares_container h2 {
font-size: 18px;
color: #08166c;
font-weight: bold;
margin: 0 0 5px;
}
.lowest_fares_container .see_all {
float: right;
font-size: 12px;
}
.hp_twitter_box .tweet {
margin-bottom: 10px;
font-size: 12px;
}
.hp_twitter_box {
background-color: #FFF;
padding: 7px;
position: relative;
margin: 60px 10px 10px 10px;
border: 1px solid #DADADA;
}
.hp_twitter_box .pointer {
width:30px;
height:15px;
background-position: -118px -528px;
background-color: transparent;
position: absolute;
top: -15px;
left: 40px;
}
.gray_gradient .twitter_logo {
position: absolute;
background-position: -80px -530px;
height: 37px;
width: 37px;
top: 6px;
left: 10px;
}
.gray_gradient .twitter_headline {
position: absolute;
top: 0px;
left: 60px;
font-size: 18px;
color: #08166c;
font-weight: bold;
top: 10px;
}
.hp_twitter_box .headline {
font-weight: bold;
}
.hp_twitter_box .time_lapsed {
font-size: 10px;
color: #a5a5a5;
}
.awd_twitter_link {
text-align: right;
font-size: 10px;
margin: 0 10px 10px 0;
}
.rounded .tleft {
position: absolute;
left: -1px;
top:-1px;
}
.rounded .tright {
position: absolute;
right: -1px;
top: -1px;
}
.rounded .bleft {
position: absolute;
left: -1px;
bottom: -1px;
}
.rounded .bright {
position: absolute;
bottom: -1px;
right: -1px;
}
.yellow_gradient {
background-image: url('/afwd/h/1px_yellow_gradient_sliver.gif');
background-repeat: repeat-x;
border: 1px solid #FFE0AF;
position: relative;
background-color: #FFFAEB;
margin: 0 0 20px 0;
}
.yellow_gradient .sprite {
background-color: #FFF;
width: 3px;
height: 3px;
}
.yellow_gradient .tleft {background-position: -7px -529px;}
.yellow_gradient .tright {background-position: -14px -529px;}
.yellow_gradient .bright {background-position: -7px -529px;}
.yellow_gradient .bleft {background-position: 0 -529px;}
.gray_gradient {
background-image: url('/afwd/h/1px_grey_sliver.gif');
background-repeat: repeat-x;
border: 1px solid #DBDBDB;
background-color: #E4E4E4;
position: relative;
margin: 0 0 20px 0;
}
.gray_gradient .sprite.tleft,
.gray_gradient .sprite.tright,
.gray_gradient .sprite.bleft,
.gray_gradient .sprite.bright {
background-color: #FFF;
width: 3px;
height: 3px;
}
.gray_gradient .tleft {background-position: 0 -537px;}
.gray_gradient .tright {background-position: -7px -537px;}
.gray_gradient .bright {background-position: -17px -537px;}
.gray_gradient .bleft {background-position: -11px -537px;}
.gray_light_gradient {
margin: 15px 0;
background-image: url('/afwd/h/1px_fb_sliver.gif');
background-repeat: repeat-x;
border: 1px solid #DBDBDB;
background-color: #FCFCFC;
clear: left;
}
.gray_light_gradient .sprite.tleft,
.gray_light_gradient .sprite.tright,
.gray_light_gradient .sprite.bleft,
.gray_light_gradient .sprite.bright {
background-color: #FFF;
width: 3px;
height: 3px;
}
.gray_light_gradient .tleft {background-position: -28px -529px;}
.gray_light_gradient .tright {background-position: -39px -529px;}
.gray_light_gradient .bright {background-position: -29px -529px;}
.gray_light_gradient .bleft {background-position: -21px -529px;}
.blue_gradient {
background-image: url('/afwd/h/1px_blue_gradient_sliver.gif');
background-repeat: repeat-x;
border: 1px solid #eaf7ff ;
position: relative;
background-color: #eaf7ff ;
margin: 0 0 20px 0;
}
.blue_gradient .mcontent{
padding: 10px;
}
.blue_gradient .sprite {
background-color: #FFF;
width: 3px;
height: 3px;
}
.blue_gradient .tleft {background-position: -7px -541px;}
.blue_gradient .tright {background-position: -14px -541px;}
.blue_gradient .bright {background-position: -7px -541px;}
.blue_gradient .bleft {background-position: 0 -541px;}
.fb_hp_module .section {
float: left;
}
.fb_hp_module {
height: 46px;
margin: 5px 10px 15px 10px;
}
.gray_light_gradient .fb_logo {
background-position: -43px -529px;
height: 38px;
width: 37px;
top: 6px;
left: 10px;
margin: 0 9px 0 0;
}
.fb_hp_module .header {
top: 0px;
left: 60px;
font-size: 18px;
color: #08166c;
font-weight: bold;
top: 10px;
}
#navigation {
font-family: verdana, helvetica, arial, sans-serif;
color: #1b2c6e;
}
#navigation img {
padding-left: 0px;
margin-left: 0px;
}
#navigation a:link,
#navigation a:visited {
font-size: 0.857em; /*12px*/
color: #1b2c6e;
text-decoration: none;
}
#navigation span.double_arrow {
font-size: 1em; /*14px*/
color: #808080;
}
#navigation li.selected span.double_arrow {
font-weight: normal;
}
#navigation ul {
/* overrides default ul padding */
padding: 0;
margin: 0;
}
#navigation ul.nav_section {
list-style-image: url(http://i.slimg.com/afwd/bullet-arrow-main.gif);
}
#navigation ul li {
margin-top: 5px;
line-height: 14px;
padding-bottom: 4px;
/* This fixes a really odd vertical spacing problem in IE7 */
border: 1px solid #FFF;
}
#navigation div.heading {
margin: 0;
padding-bottom: 4px;
}
#navigation ul.nav_section li.heading {
list-style: none;
margin: 0;
}
#navigation ul.subnav {
list-style-image: url(http://i.slimg.com/afwd/bullet-arrow-sub.gif);
margin-left: 10px;
}
#navigation li.subnav {
margin: 0 0 0 15px;
padding:0;
list-style: none;
}
#navigation li.subnav a {
margin-left: -5px;
}
#navigation ul li.link {
margin-left: 18px;
}
#navigation ul li.link a {
margin-left: -5px;
}
#navigation ul li.selected {
font-weight: bold;
color: #1b2c6e;
}
.divider {
border-bottom: dotted 1px #bbb;
margin-bottom: 15px;
padding-top: 15px;
}
#navigation .collapse {
display: none;
}
#pagetop_utility_area a:link,
#pagetop_utility_area a:visited {
color: #1b2c6e;
text-decoration: none;
}
#pagetop_utility_area a:hover {
text-decoration: underline;
}
#pagetop_utility_area {
font-family: verdana, helvetica, arial, sans-serif;
color: #808080;
text-align: right;
padding-top: 10px; /* align utility area with dog ears */
}
#pagetop_utility_area .links {
font-size: 0.786em /*11px*/;
}
#pagetop_utility_area .welcome {
font-size: 1.071em; /*15px*/
font-weight: bold;
line-height: 22px;
margin-bottom: 5px;
}
#pagetop_utility_area .notyou {
font-size: 0.714em;/*10px*/
}
#pagetop_utility_area .feedback a {
text-decoration: underline;
font-size: 0.857em; /*12px*/
}
#pagetop_utility_area span.double_arrow {
font-size: 1em; /*14px*/
}
#not_you_popup,
#fare_alerts_popup {
width: 311px;
height: 77px;
text-align: left;
}
/* shift tooltip dynamic pointer over a bit */
#not_you_popup .pointer_up,
#fare_alerts_popup .pointer_up {
left: 265px;
}
#not_you_popup .prompt,
#fare_alerts_popup .prompt {
color: #666;
font-weight: bold;
}
#not_you_popup_content,
#fare_alerts_popup_content {
position: relative;
}
#not_you_popup_content .input,
#fare_alerts_popup_content .input {
background-color: #fff;
border: solid 1px #666;
padding: 2px;
width: 200px;
}
#not_you_popup_content .input_input,
#fare_alerts_popup_content .input_input {
padding-top: 3px;
float: left;
}
#not_you_popup_content .input_submit,
#fare_alerts_popup_content .input_submit {
padding-left: 15px;
float: left;
}
#not_you_popup_submit,
#fare_alerts_popup_submit {
background-image: url('/afwd/hp_enter_bt.gif');
background-repeat: no-repeat;
width: 60px;
height: 22px;
font-size: 0px;
z-index: 2000;
display: block;
}
#pagetop_headline {
clear: right;
}
#pagetop_headline h1 {
font-size: 11px;
font-weight: normal;
padding-top: 12px;
height: 20px;
padding-right: 5px;
}
.pluckwarning{
color: #e22243;
font-size: 10px;
}
.pluckwarningborder{
border-color: #e22243;
border: 1 solid;
}
div.pluckcommentwarning {
display: block;
}
.poll .new_title {
top: 0px;
left: 60px;
font-size: 18px;
color: #08166c;
font-weight: bold;
top: 10px;
}
.poll .title {
font-size: 1.143em; /*16px*/
font-weight: bold;
color: #666;
}
.poll .subtitle {
font-size: 1em; /*14px*/
margin-bottom: 15px;
font-weight: bold;
}
.poll .question {
margin: 15px 0px;
}
.poll .question_text{
font-size: 0.786em; /*11px*/
font-weight: bold;
color: #666;
margin-bottom: 15px;
}
.poll .total_text{
font-size: 10px;
font-weight: bold;
color: #666;
margin-bottom: 15px;
}
.poll .total_number{
font-size: 13px;
font-weight: bold;
color: #666;
margin-bottom: 15px;
}
div.choice {
font-size: .786em; /*11px*/
margin-bottom: 5px;
margin-top: 5px;
}
.poll .poll_submit {
border: 0;
}
.poll .view_results {
font-size: .857em; /*12px*/
display: inline;
border: 0;
background-color: transparent;
}
.poll .choice .choice_radio {
margin-right: 3px;
border: 0;
}
.choice .choice_percentage_container {
/* width: 200px;*/
margin-top: 3px;
margin-bottom: 13px;
}
#container.wrapper_reader_survey .choice .choice_percentage_container {
/* width: 100%;*/
}
.choice .percentage_bar {
background-color: #a1d2fd;
background-image: url('/afwd/poll_gradient.gif');
background-repeat: repeat-x;
border: solid 1px #95ccfd;
float: left;
height: 15px;
}
.choice .percentage_display {
font-weight: bold;
margin-left: 10px;
}
.subsconfirm{
font-size: 12px;
padding-bottom: 5px;
}
.subsdefault{
font-size:12px;
}
.subsinput {
border-color: black;
margin-right: 10px;
width: 90%;
margin-bottom: 9px;
}
div.subcitypanel {
padding-top: 10px;
padding-bottom: 10px;
background-color: #E7F4FD;
line-height: 20px;
margin-bottom: 10px;
}
div.subcitypanel2 {
background-color: #E7F4FD;
font-size: 90%;
}
div.basecitypanel {
background-color: #F5FAFE;
}
.subsonhold {
font-size: 9px;
text-align: left;
font-weight: normal;
}
.subsheader {
font-size: 16px;
text-align: left;
font-weight: normal;
line-height: 32px;
}
.subssectionheader {
font-size: 16px;
text-align: left;
padding-bottom: 20px;
margin-bottom:20px;
font-weight: normal;
line-height: 32px;
}
.subsbold {
font-size: 14px;
font-weight: bold;
text-align: left;
line-height: 22px;
}
.subsdifferentiator {
font-size: 12px;
text-align: left;
line-height: 17px;
}
.subsvertborder{
border-left: 1px dotted #BBBBBB;
height: 90%;
margin-left:20px;
padding-left:20px;
}
.subsborder{
border-left: 1px dotted #BBBBBB;
height: 90%;
margin-left:0px;
padding-left:20px;
}
.subslinkpad {
cursor: pointer;
padding-left:5px;
}
.subslink {
cursor: pointer;
color:#216ace;
font-size:10px;
text-decoration: underline;
}
.subslinklargenu {
cursor: pointer;
color:#216ace;
font-size:12px;
text-decoration: none;
padding-bottom: 10px;
margin-left: 10px;
}
.subslinklarge {
cursor: pointer;
color:#216ace;
font-size:12px;
text-decoration: underline;
}
.subsnodeclink{
cursor: pointer;
text-decoration: none;
font-size: 11px;
text-align: right;
}
.subsinputlabel{
font-size: 11px;
text-align: left;
font-weight: bold;
}
.substable {
text-align: left;
}
.subcb {
margin-left: 20px;
font-weight: bold;
background: transparent;
border: 0px;
}
.substable .subsleftmarginheader {
margin-left: 20px;
font-weight: bold;
}
.substable .subsleftmarginfill2 {
font-size:11px;
font-weight: normal;
line-height: 11px;
padding-top: 10px;
padding-bottom:12px;
}
.substable .subsleftmarginfill {
margin-left: 54px;
font-size:11px;
line-height: 11px;
padding-top: 10px;
padding-bottom:12px;
}
.substable .subsleftmarginfill {
font-size:11px;
line-height: 11px;
padding-top: 10px;
padding-bottom:12px;
}
.subsspacing {
margin-bottom: 10px;
margin-left: 52px;
}
#unsubscribelinks {
text-align: right;
margin-right: 10px;
}
.subsreq {
font-size:11px;
}
.imgmatch {
padding-bottom: 5px;
}
.substitle {
font-size:18px;
font-weight:bold;
margin: 10px 0 20px 0;
}
.subsbi {
font-weight: bold;
font-style: italic;
}
.subsboldfreq {
margin-left: 52px;
padding-top: 10px;
font-size: 12px;
font-weight: bold;
}
.subsboldhtmlsrc {
margin-top:20px;
font-size: 12px;
font-weight: bold;
}
.subswarning {
color: #e22243;
font-weight: bold;
font-size:9px;
position: relative;
}
.subswarning2 {
position: relative;
margin-bottom: 10px;
color: #e22243;
font-weight: bold;
font-size:12px;
}
.subsconfirmpaneltext{
padding-left: 10px;
}
.subssmalltext{
font-size: 12px;
}
.subssamples{
font-size: 11px;
}
.subsradiospacer{
margin: 12px;
display: inline;
}
div.substopfive{
font-weight: bold;
font-size: 16px;
margin-bottom:15px;
}
.subswarningelement{
color: #e22243;
}
.subswarningborder{
border-color: #e22243;
border: 1 solid;
}
.subswelcomeback {
color: #e22243;
font-size: 12px;
margin-bottom:10px;
}
.subpopupdivOLD {
background: transparent url(http://i.slimg.com/afwd/popup_slice326.png) repeat-x;
}
.subpopuphref {
font-size: 11px;
}
#subscriptionpopup {
text-align: left;
width: 384px;
position: absolute;
}
.subpopupinput {
width: 250px;
}
#subscriptionpopup h1 {
font-size: 21px;
font-weight: bold;
color: #243b7f;
}
#subscriptionpopup span {
display: block;
padding-top: 5px;
font-size: 11px;
font-weight: bold;
}
#subscriptionpopup a {
font-size: 10px;
}
#subscriptionpopupspan {
font-weight: normal;
color: #888;
}
/* TODO: remove #subscriptionpopup.surveypop styles when the survey ends */
#subscriptionpopup.surveypopup {
width: 384px;
height: 399px;
background-image: url('http://i.slimg.com/afwd/review_pop2.jpg');
}
#subscriptionpopup.topclose {
float: right;
}
#subscriptionpopup.close {
}
#subscriptionpopup.surveypopup a.surveylink {
height: 235px;
}
#subpopupradiogroup span {
display: inline;
padding-top: 0px;
}
#popupsubmit {
display: block
padding-top: 10px;
}
#popupsubmit input {
padding-top: 8px;
padding-bottom: 4px;
}
#spinnything {
position: relative;
left: 5px;
top: -3px
}
#depsecaddcity,
#arrsecaddcity,
#c2csecaddcity {
cursor: pointer;
}
.email_confirmation_popup {
width: 311px;
height: 77px;
text-align: left;
}
/* shift tooltip dynamic pointer over a bit */
.email_confirmation_popup .pointer_up {
left: 265px;
}
.email_confirmation_popup .prompt {
color: #666;
font-weight: bold;
}
.email_confirmation_popup_content {
position: relative;
}
.email_confirmation_popup_content .input {
background-color: #fff;
border: solid 1px #666;
padding: 2px;
width: 200px;
}
.email_confirmation_popup_content .input_input {
padding-top: 3px;
float: left;
}
.email_confirmation_popup_content .input_submit {
padding-left: 15px;
float: left;
}
.email_confirmation_popup_submit {
background-image: url('/afwd/hp_enter_bt.gif');
background-repeat: no-repeat;
width: 60px;
height: 22px;
font-size: 0px;
z-index: 2000;
display: block;
}
.tutorial_popup {
background-image: url('/afwd/tutorial/layer-bg.png');
background-repeat: no-repeat;
/* _background-image: none; /*ie6 hack */
width: 472px;
height: 568px;
padding: 35px 25px;
padding-right: 35px;
}
#tutorial_popup_pool {
position: absolute;
top: -50px;
left: -70px;
}
.tutorial_left_col h1 {
margin-top: 0;
}
.tutorial_left_col {
float: left;
width: 330px;
line-height: 20px;
}
.tutorial_left_col p {
font-size: .857em; /*12px*/
}
.tutorial_left_col p.list_heading {
font-weight: bold;
}
.tutorial_left_col ul {
padding-left: 35px;
}
.tutorial_left_col ul li {
font-size: .857em; /*12px*/
}
.tutorial_left_col p.wututhinkbuddy {
font-weight: bold;
}
.tutorial_right_col {
float: right;
position: relative;
width: 391px;
}
.wrapper_write_review #main_col_no_right .write-review,
.wrapper_write_review #main_col_no_right .title_description {
width: 620px;
}
.wrapper_write_review div.title {
font-size: 16px;
margin-bottom: 5px;
}
.write-review .error input,
.write-review .error select,
.write-review .error textarea {
color: #CC0000;
font-weight: bold;
border: 1px solid #CC0000;
padding: 0;
}
/* hide errors that aren't beneath an errored container */
.write-review div.error {
display: none;
}
.write-review div.error.general,
.write-review .error div.error {
display: block;
}
.write-review .write-review-body div.error.general {
border: none;
margin: 10px 0;
padding: 0 !important;
color: #CC0000;
font-weight: bold;
}
.write-review li.error,
.write-review li div.error {
padding: 0 !important;
border: none;
font-weight: normal;
}
.write-review {
border: 1px solid #D0ECFF;
position: relative;
}
.write-review .write-review-head {
background-color: #E7F4FD;
color: #555;
padding: 10px;
height: 37px;
}
.write-review .write-review-body {
background-color: #F5FBFF;
padding: 10px;
border-top: 1px solid #D0ECFF;
}
.write-review .write-review-head .primary {
font-weight: bold;
font-size: 16px;
}
.write-review .write-review-head .secondary {
font-size: 11px;
color: #216ACE;
text-decoration: none;
}
.write-review .write-review-head .route .inputs {
float: left;
}
/* added input wrapper class to prevent ls from busting up! */
.write-review .write-review-head li.input-wrapper {
display: block;
width: 40%;
margin-top: 5px;
float: left;
}
.write-review .write-review-head li.error {
/* .error globally adds clear: left; which is unwanted here */
clear: none;
}
.write-review .write-review-head li #BBLocationSuggest {
text-align: left;
}
.write-review .write-review-head li.label {
width: 5%;
}
.write-review .write-review-head li input {
width: 90%;
}
.write-review .write-review-head .arrival,
.write-review .write-review-head .departure {
font-size: 0.856em;
}
.write-review .write-review-head ul {
padding: 0;
position: relative;
}
.write-review .write-review-head input.inactive {
}
.write-review .write-review-head input.active {
}
.write-review fieldset {
margin-top: 10px;
}
.write-review .review-details {
margin-top: 20px;
}
.write-review legend {
color: #192D6C;
font-weight: bold;
}
.write-review ol {
padding-left: 30px;
}
.write-review .hint {
font-weight: normal;
font-size: 10px;
color: #666;
line-height: inherit;
margin-left: 4px;
}
.write-review li {
list-style-type: none;
margin-top: 10px;
}
.write-review li.stepped div {
float: left;
width: 32%;
}
.write-review li.stepped div.error {
float: none;
}
.write-review div.conditional input,
.write-review li.stepped div.error {
width: 90%;
}
.write-review li.title,
.write-review li.body {
width: 75%;
}
.write-review .label,
.write-review label {
font-weight: bold;
line-height: 18px;
margin-bottom: 2px;
font-size: 11px;
}
.write-review .route label {
font-weight: normal;
line-height: 12px;
}
.write-review-faretype label {
float:left;
margin: 10px 12px 10px 3px;
text-align
}
.write-review-faretype input {
width: 16px;
height: 16px;
padding: 0;
margin:0;
vertical-align: bottom;
position: relative;
top: -1px;
}
.write-review-faretype {
display: block;
height: 30px;
margin: 10px 0 5px 0;
}
.write-review .trip-details label {
display: block;
}
.write-review .label a {
font-weight: normal;
font-size: 11px;
text-decoration: none;
}
.write-review .title input,
.write-review textarea {
padding-left: 2px;
width: 100%;
}
.write-review .title input.default,
.write-review textarea.default {
color: #808080;
}
.write-review .title span {
color: #666;
font-size: 11px;
font-weight: normal;
}
.write-review .label a {
display: inline-block;
padding-left: 1em;
zoom: 1;
*display: inline;
}
.write-review .label .wrapper {
float: left;
width: 60%; /* BEWARE of sub-pixel rounding in IE6/7 */
}
.write-review .label .hint {
float: left;
width: 40%; /* BEWARE of sub-pixel rounding in IE6/7 */
text-align: right;
margin: 0;
}
.write-review .submit {
height: 26px;
}
.write-review .submit input {
height: 26px;
width: 89px;
background: transparent url(http://i.slimg.com/afwd/reviews/write-review-submit.png) no-repeat scroll 0 0;
cursor: pointer;
}
.write-review .submit input,
.write-review .submit a {
float: left;
display: block;
line-height: 26px;
margin-right: 15px;
font-size: 12px;
/* only needed for IE6: */
border: none;
}
/* ratings */
.write-review .rating div {
float: left;
margin: 0 10px 0 0;
}
.write-review .rating {
font-size: 11px;
line-height: 13px;
}
.write-review .rating .label {
line-height: 13px;
font-weight: normal;
width: 125px;
}
.write-review .rating .score label {
float: left;
display: block;
width: 13px;
height: 13px;
background: transparent no-repeat 0 -300px;
}
.write-review .rating .score label.included {
background-position: -13px -300px;
}
.write-review .rating .score input {
visibility: hidden;
}
/* the following is an IE6- hack */
/*\*/ * html .write-review .rating .score input {
height: 1px;
width: 1px;
} /**/
/* overall rating */
.write-review .rating.overall {
font-size: 12px;
line-height: 20px;
}
.write-review .rating.overall .label {
font-weight: bold;
font-size: 12px;
line-height: 20px;
}
.write-review .rating.overall .score label {
width: 20px;
height: 20px;
background-position: -51px -280px;
}
.write-review .rating.overall .score label.included {
background-position: -71px -280px;
}
.write-review .rating.overall .error {
width: 100%;
display: block;
clear: left;
font-weight: bold;
}
.fgt_passwd {
float: left;
padding-top: 4px;
padding-right: 3px;
}
.fgt_passwd .submit {
float: left;
margin-left: 5px
}
.fgt_passwd input {
background-color: #EBEBEB;
}
#forgot_pwd {
color: #216ACE;
text-decoration: underline;
cursor: pointer;
font-size: 12px;
}
#forgotpwd {
font-size:12px;
}
#forgotpwd h2 {
font-size: 12px;
}
.awdform form {
width: 100%;
}
.awdform .submit input {
background:transparent url(http://i.slimg.com/afwd/reviews/write-review-submit.png) no-repeat scroll 0pt;
cursor:pointer;
height:26px;
width:89px;
border: 0px solid transparent;
margin-bottom: 10px;
}
.formsubmitted {
display:none;
}
.awdform {
color: #555;
font-size: 11px;
width: 320px;
}
.awdform a {
text-decoration: none;
}
.awdform input {
font-size: 11px;
}
.awdform h2 {
margin-top: 0;
font-size: 14px;
}
.awdform .formmessage p {
font-size: 11px;
}
.awdform input.input-address,
.awdform input.input-email {
width: 240px;
}
.awdform .validate-trigger {
margin-left: 8px;
display: inline;
}
.awdform ul {
margin: 0;
padding: 0;
}
.awdform label {
margin-top: 3px;
}
.awdform .checkbox-label {
font-weight: normal;
display: inline;
}
.awdform .checkbox-label label {
font-weight: normal;
}
.awdform li {
list-style-type: none;
margin-top: 6px;
}
.awdform .confirmation,
.awdform .error,
.awdform .msg,
.awdform .statusField {
padding: 0;
}
/* in general, hide the error msg container */
.awdform div.statusField {
display: none;
margin-bottom: 4px;
}
/* but if the li is erroneous, display it */
.awdform li.error div.error,
.awdform li.confirmation div.confirmation,
.awdform li.msg div.msg
{
display: block;
}
.awdform li .label {
font-weight: bold;
}
div.confirmation { color: green; }
div.msg { color: #555; padding: 1px; }
.awdform input[disabled=''] {
color: #666;
}
/* Subscription Popups */
.subpop a {
text-decoration: underline;
font-weight: bold;
display: block;
}
#farealertpop.subpop a {
display: inline;
}
.subpop .close_farealertpop {
cursor: pointer;
display: block;
margin-top: 10px;
}
.subpop dd input {
width: 80%;
}
.subpop input.stmsubmit {
margin-top: 1em;
}
/*
* Central place to define the background image for anything
* that uses a sprite
*
* Note about using an absolute URL: For some reason for some DHTML tooltips
* IE6 will not follow 302s in dev to the production URL. Two days later, this
* seems to solve the problem but I'll be damned if I know why. I hate IE.
*/
.sprite,
.sharing,
.beacon,
.sort,
#dealhoundtip.tool_tip .close,
.gray_wrapper .top_gray,
.gray_wrapper .bottom,
.blue_tie_in,
#search_popup.tool_tip .close,
#dealhoundtip.tool_tip .corner,
#search_popup.tool_tip .corner,
#airline_popup.tool_tip .close,
#airline_popup.tool_tip .corner,
.BBInputButton,
.tool_tip_dynamic .corner,
.tool_tip_dynamic .close,
.fare_error .corner,
#awd_search_nav .tab,
#awd_inputs .section.calendarfields .BBInputText,
#airline_popup .airline_calendar_fields,
#bb_search_nav_hotel,
.bbsearch_save,
.bb_widget .dates input,
.write-review .rating .score label,
.rating-area div,
.write-review .rating.overall .score label,
.two-tone-rounded-corners .corner,
.bblogos .corner,
.bb_header_image,
#reviews .review .scores div,
#nl_module .dynamic_departure .topsection,
#filter_container .bottom .corner,
.filters_bottom .corner,
#nav_section .plus_minus,
.wb_cal input,
.tool_tip_dynamic .content .pointer,
.clear_triangle {
background-image: url(http://i.slimg.com/afwd/awd_img_sprite-0031.png);
}
div.popular_links {
margin-bottom: 10px;
}
div.popular_links h2 {
color: #808080;
font: bold 12px Verdana,Arial,sans-serif;
margin: 0 0 5px 0;
}
div.popular_links ul {
padding-left: 0;
}
div.popular_links li {
font-size: 9px;
list-style: none;
margin-bottom: 3px;
}
div.popular_links a {
color: #1b2c6e;
text-decoration: none;
}
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Arial,%20sans-serif&fwDefault=normal&fsDefault=11px&cornerRadius=4px&bgColorHeader=0C6CBB&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=FFF&iconColorHeader=FFFFFF&bgColorContent=FFFFFF&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=C6E4FC&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
*/
/*background-image: url(http://i.slimg.com/bookingbuddy/overlay.png);*/
/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Arial, sans-serif; font-size: 11px; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(http://i.slimg.com/bookingbuddy/jqui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #0c6cbb url(http://i.slimg.com/bookingbuddy/jqui/ui-bg_highlight-soft_75_0c6cbb_1x100.png) 50% 50% repeat-x; color: #fff; font-weight: bold; }
.ui-widget-header a { color: #fff; }
/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(http://i.slimg.com/bookingbuddy/jqui/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #c6e4fc url(http://i.slimg.com/bookingbuddy/jqui/ui-bg_glass_75_c6e4fc_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(http://i.slimg.com/bookingbuddy/jqui/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }
/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(http://i.slimg.com/bookingbuddy/jqui/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(http://i.slimg.com/bookingbuddy/jqui/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(http://i.slimg.com/bookingbuddy/jqui/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(http://i.slimg.com/bookingbuddy/jqui/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(http://i.slimg.com/bookingbuddy/jqui/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(http://i.slimg.com/bookingbuddy/jqui/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(http://i.slimg.com/bookingbuddy/jqui/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(http://i.slimg.com/bookingbuddy/jqui/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(http://i.slimg.com/bookingbuddy/jqui/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(http://i.slimg.com/bookingbuddy/jqui/ui-icons_cd0a0a_256x240.png); }
/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(http://i.slimg.com/bookingbuddy/jqui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(http://i.slimg.com/bookingbuddy/jqui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Datepicker
----------------------------------*/
.ui-datepicker { width: 18em; padding: .2em .2em 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; color: #FFF; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }
/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
display: none; /*sorry for IE5*/
display/**/: block; /*sorry for IE5*/
position: absolute; /*must have*/
z-index: -1; /*must have*/
filter: mask(); /*must have*/
top: -4px; /*must have*/
left: -4px; /*must have*/
width: 200px; /*must have*/
height: 200px; /*must have*/
}