/*
 * sl.css - the main smartertravel.com stylesheet
 * Updated 10/4/2004
 *
 * This file is loosely organized as follows:
 *  - Basic global setup rules
 *  - Toggle selectors for touching up specific properties
 *  - Global form field appearance selectors
 *  - Global image display rules
 *  - Global text formatting setup
 *  - Global link setup
 *  - Body background, wrapper div, and ad display setup
 *  - Top nav/subnav styles
 *  - Left nav styles
 *  - Main content area global setup
 *  - Right column (ad iframe) setup and positioning
 *  - Footer styles
 *  - Section home page content area setup
 *  - Specialty home page content area setup
 *  - Home page widget setup
 *  - Global grid placement definitions
 *  - Global content box/list box definitions
 *  - Story page formatting
 *  - Placement-template specific styles (to be phased out)
 *
 * Also included are style defs for specific pages or small sections
 * of the site:
 *  - Profile pages
 *  - Rate search results pages
 *  - Member benefit home page
 *  - Flightsearch
 *  - About us/customer service pages
 *  - Yellow pages
 *  - FF Resources chunks
 *  - Advice headlines
 *  - Subscription process
 *
 * As noted below, these rules should eventually be moved into their own
 * stylesheets and linked to pages where necessary.
*/

/* basic setup */
html {
	min-width: 784px;
}
div {
	margin: 0;
}

/* avoid unsightly whitespace around forms */
form {
	display: inline;
	margin: 0;
	padding: 0;
}

/* generic toggle classes for manipulating single properties */
.hide {
	display: none;
}
.centered {
	text-align: center;
}

/* form input and label appearance */
.label {
	font: bold 11px Arial, Verdana, Helvetica, sans-serif;
	margin-left: 5px;
}
.inputField {
	font: bold 10px Verdana, Arial, Helvetica, sans-serif;
	color: #0F256A;
	background-color: #E8F1FC;
	width: 90%;
	margin-left: 5px;
	margin-right: 5px;
}
.submitButton {
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0F256A;
	text-align: center;
	width: 95%;
	margin-top: 5px;
	margin-left: 5px;
	margin-right: 5px;
	background-color: #FBA919;
}

/* images are block-level and have no border unless otherwise classed */
img {
	display: block;
	border: 0;
}
img.inline {
	display: inline;
	vertical-align: middle;
}
img.header {
	text-align: center;
	margin: 5px auto 5px auto;
}

/* default text formatting definitions */
body, td, p, ol, ul, li {
	font: 11px Arial,Helvetica,sans-serif;
}
p {
	margin-top: 10px;
	margin-bottom: 10px;
}
h1 {
	width: auto;
	margin: 0;
	font: bold 16px Verdana,Arial,Helvetica,sans-serif;
}
h2 {
	width: auto;
	margin: 0;
	font: bold 16px Verdana,Arial,Helvetica,sans-serif;
}
/* default link color and effects */
a, a:link, a:visited {
	color: #0F256A;
}
a:hover, a:active {
	color: #c00;
}
a.returnToTop {
	display: block;
	text-align: right;
}

/* tile background image */
body {
	text-align: center;
	margin: 0;
}
/* basic wrapper div */
div#wrapper {
	text-align: left;
	width: 600px;
	margin: auto auto;
	padding: 0;
}
img#inlineLogo {
	padding-bottom: 20px;
}
/*******************************************************/
/* classes for creating sitewide content boxes         */
/*******************************************************/

div#maincontent div.contentBox img {
	margin: 2px 2px 2px 2px;
}
div#maincontent div.contentBox div.contentArea {
	min-height: 40px;
	padding: 2px;
	padding-left: 0;
	margin: 2px 1px 1px 1px;
	border: 1px solid #D5E3F4;
	background-color: #FFF;
}
div#maincontent div.contentBox div.noBorder {
	border: 0;
}
div#maincontent div.contentBox div.contentArea p {
	padding-left: 5px;
}
div#maincontent div.contentBox div.contentArea ul {
	margin: 0 0 0 20px;
	padding: 0;
}
div#maincontent div.contentBox div.contentArea ul li {
	padding-top: 2px;
}
div#maincontent div.contentBox div.contentArea ul.nobullets {
	margin: 0 0 5px 20px;
	padding: 0;
}
ul.nobullets li {
	list-style: none;
	text-indent: 5px;
}
div#maincontent div.contentBox div.contentArea ul.arrows,
blockquote ul.arrows {
	margin: auto 0 auto 0;
	padding: 0 0 0 2px;
}
div#maincontent div.contentBox div.contentArea ul.arrows li,
blockquote ul.arrows li {
	list-style-type: none;
	padding-left: 2.2em;
	background: url(../../sl-site/icons/arrow.gif) no-repeat center left;
	padding-bottom: 6px;
	padding-top: 6px;
}
div#maincontent div.contentBox h2 {
	width: auto;
	height: auto;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	color: #0F256A;
	line-height: 15px;
	text-indent: 1px;
	background-color: #E8F1FC;
	padding: 0;
	margin: 0 1px 0 1px;
	border-right: 1px solid #C9DEF8;
	border-bottom: 1px solid #C9DEF8;
}
div#maincontent div.contentBox h2.darkblue {
	color: #fff;
	background-color: #0F256A;
}
div#maincontent div.contentBox h2.mediumblue {
	color: #0F256A;
	background-color: #B4D1F5;
	border-right-width: 1px;
	border-bottom: 1px solid #81B1ED;
	border-right: 1px solid #81B1ED;
}
div#maincontent div.contentBox h2.noBackground {
	background-color: #FFF;
	border-right: 0;
	border-bottom: 0;
}
div#maincontent div.contentBox h2.centered {
	text-align: center;
}
div#maincontent div.contentBox h2 img {
	float: right;
	display: inline;
	margin: 2px;
}

/*******************************************************/
/* Sub process                                         */
/*******************************************************/

div#refpic {
	float: right;
	vertical-align: top;
	margin-bottom: 10px;
}

div#subscriptionForm {
	background-color: #FFF;
	padding: 0;
	border: 0;
	clear: right;
	width: 600px;
}
div#subscriptionForm div.fieldErrorMessage {
	color: #F00;
	margin-left: 75px;
	display: none;
}
div#subscriptionForm p,
div#subscriptionForm table td p {
	margin: 2px 0 2px 0;
}
div#subscriptionForm p.trueBreak {
	margin: 10px 0 10px 0;
}
div#subscriptionForm table {
	width: 100%;
	margin: 0;
	padding: 0;
}
div#subscriptionForm table tr,
div#subscriptionForm table td {
	vertical-align: top;
	margin: 0;
	padding: 0;
}
div#subscriptionForm img {
	margin-right: auto;
	margin-left: auto;
	margin-top: 4px;
}
div#subscriptionForm label {
	text-align: right;
	width: 130px;
	float: left;
	margin: 4px 4px 4px 4px;
}

div#subscriptionForm input, div#subscriptionForm select {
	width: auto;
	margin: 4px 0 6px 4px;
}
div#subscriptionForm input[type=checkbox] {
	width: 1.5em;
}

div#subscriptionForm input.submit_step1
{
	width: 78px;
	height: 20px;
}

div#subscriptionForm input.submit_step2
{
	width: 105px;
	height: 19px;
}

div#subscriptionForm div.centered .submit_step3
{
	width: 74px;
	height: 19px;
}

div#subscriptionForm div.centered .submit_step4
{
	width: 83px;
	height: 19px;
}

div#subscriptionForm h3
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 11px;
}

div#subscriptionForm h1.tagLine {display: none;}

div#signup_box_wrapper {
	position: relative;
	bottom: 110px;
	margin-bottom: -65px;
	width: 250px;
}
div#signup_box_wrapper div#mainerror blockquote {
    margin-left: 5px;
}

div#signup_box_wrapper label#labelemail {
    text-align: left;
}

div#signup_box_wrapper input#email {
    width: 95%;
}

div#signup_box_wrapper div#erroremail {
    margin-left: 5px;
}

/* Location Suggest Styles */

ul#BBLocationSuggest {
	background: #fff;
	border: solid 2px #67b3c6;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:999;
}
/* I hate this with every fiber of my being!  But, dammit, this thing just won't line up in IE properly without it*/
*ul#BBLocationSuggest {
	margin: 0 0 0 11px;
}
ul#BBLocationSuggest li {
	font-size: 11px;
	cursor: pointer;
	background: #d3ecf1;
	color: #0060ad;
	padding: 0px 5px 0px 5px;
	white-space: nowrap;
	text-align: left;
}
ul#BBLocationSuggest li.selected {
	background: #a1d1dd;
	text-decoration: underline;
}
select.validation_select {
	font-size: 11px;
	margin: 5px 0 0 0;
	border: solid 1px #f00;
}
select.validation_select option {
	padding: 0 3px 0 3px;
}
select.validation_select option.empty {
	color: #666;
}
input.warning_highlight {
	border: solid 1px #f00;
}
div.LocationWarning {
	font-size: 11px;
	font-weight: bold;
	color: #f00;
	padding-top: 5px;
	text-align: center;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}


/* End Location Suggest Styles */

/* Start: AWD Subscription Specific */
div#subscriptionForm div.AWDDeparture label {
	float: none;
}

div#subscriptionForm div.AWDDeparture input {
	border: 1px solid #0F256A;
	width: 200px;
}
/* End: AWD Subscription Specific */