/*-----------------------------------------------------------------------
Reset Styles
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212 
------------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th, td {
margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
body {line-height: 1;font-family:Arial, Helvetica, sans-serif;height:100%;margin:0;padding:0;background-color: #E6E6E6;font-size: .9em;}
p {	margin:3px 0 10px 0;line-height: 1.2em;font-size: .9em;}
ul {list-style: none;line-height: 1.2em;font-size: .9em;}
ol {line-height: 1.5em;font-size: .9em;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
tr, th, td {padding: 3px;}

/*-----------------------------------------------------------------------
 Self Clearing Float
 ------------------------------------------------------------------------ */
.selfclear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.selfclear {
display: inline-block; /* IE 7 */
}

.selfclear {
display: block;
}

* html .selfclear {
height: 1px; /* IE < 7 */
}

/*-----------------------------------------------------------------------
   General styles
 ------------------------------------------------------------------------ */

h1 {
font-size: 1.4em;
}

h2 {
font-size: 1.2em;
}

h3 {
font-size: 1.1em;
padding: 2px 0;}

h4 {
font-size: 1.1em;
padding: 10px 0 15px 0;
}

a {
text-decoration:none;
cursor: pointer;
outline: none;
}

a:active
{outline: none;
}

a:focus
{-moz-outline-style: none;
}

a:hover {
text-decoration:underline;
color: #990000;
}

hr {
border: 1px solid #efefef;
padding: 0;
margin: 0;
line-height: normal;
}

.clear {
clear:both;
}

.floatLeftPad {
float:left;
padding-right:6px;
}

.floatRight {
float:right;
}

.floatLeft {
float:left;
}

.bold {
font-weight: bold;
}

.sup {
font-size: .7em; vertical-align: text-top;}

body {
background: url(/images/landing_pages/bodybg.gif) repeat-x;
background-color: #e9e9e9;
}

table tr.header td, table tr.title td {font-weight: bold;}

table.default {
border:1px solid #000;
margin: 20px auto;
font-size: 12px;
}
table.default tr.header {
font-weight: bold; border: none;
}
table.default tr {
border-bottom: 1px dotted #ccc;
}
/*-----------------------------------------------------------------------
	Header
------------------------------------------------------------------------ */

#header {
padding:10px 10px 25px 0;
background-color: #fff;
height: 70px;
}

#header h1 a {
float:left;
text-indent:-9999px;
background-color:transparent;
width:320px;
height:65px;
margin-top: 10px;
}

#header p span {
font-weight: bold;
font-size: 18px;
}

#header .contact {
float: right;
padding: 0 2px 5px 0;
}

#header .contact p{
margin: 0;
text-align: right;
padding: 5px;
}

#header .partner {
float: left;
padding: 0 10px;
width: 275px;
font-weight: bold;
}

#header .partner p{
font-size: 10px;
}

#header .welcome {
width: 320px; 
float: right; 
text-align: right; 
}

#header #login-bg {
float:right;
background-color:#ccc;
height: 55px;
}

.welcome ul.account-settings li {
color: #000;
display: inline;
font-size: .95em;
padding: 0 0 0 5px;
border-right: 1px solid #efefef;
}

/*-----------------------------------------------------------------------
	Login Area
------------------------------------------------------------------------ */

#login-area form {
width:330px;
height:55px;
padding:1px 0 0 4px;
}

#login-bg #login-area {
width:330px;
color:#fff;
}

#login-area a {
color:#fff;
padding: 5px 0 0 5px;
}

#login-area form label {
font-weight:bold;
line-height:18px;
display:block;
padding-left: 5px;
font-size: 12px;
}

#login-area form input.login {
width:115px;
height:15px;
border:1px solid #fff;
background-color:#efefef;
color:#999;
float:left;
margin:0 8px 0 5px;
padding:1px;
}

#login-area form input.login-btn{
width:50px;
color:#000;
height: 20px;
cursor:pointer;
border:1px solid #fff;
background-color:#EFEFEF;
font-size:.9em;
}

/*-----------------------------------------------------------------------
	Navigation
------------------------------------------------------------------------ */

/* Alpha Transparency fix for ie6 */
* html .pngfix,
#nav ul.mainMenu li a.current,
#nav ul.mainMenu2 li a.current,
.title-bar  h3
{
zoom: 1;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1 ? (this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/transparent.gif") : (this.origBg = this.origBg ? this.origBg : this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='" + (this.currentStyle.backgroundRepeat=='no-repeat' ? 'crop' : 'scale') +"')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true));
}

#nav{
height:30px;
width: 100%;
background: #003366 url(/images/landing_pages/nav-grad.png) 0 0 repeat-x;
overflow: hidden;
font-size: 14px;
}

#nav ul.mainMenu li, 
#nav ul.mainMenu2 li {
float:left;
list-style-type:none;
font-size: 13px;
}

#nav ul.mainMenu li a{
padding: 7px 0 0;
text-align:center;
font-weight:bold;
color:#FFF;
width: 243px;
float: left;
height: 30px;
}

#nav ul.mainMenu2 li a {
padding: 7px 30px 0;
text-align:center;
font-weight:bold;
color:#FFF;
float: left;
height: 30px;
background: url(/images/landing_pages/nav-div.png) center right no-repeat;
}

#nav ul.mainMenu li a:hover, 
#nav ul.mainMenu2 li a:hover,
#nav ul.account-settings li a:hover,
.welcome ul.account-settings li a:hover {
text-decoration: underline;
}

#nav ul.mainMenu li a.current {
background-color: #990000;
padding-right: 3px;
background: url(/images/landing_pages/nav-grad.png) 0 0 repeat-x;
}

#nav ul.mainMenu2 li a.current {
background-color: #990000;
background: url(/images/landing_pages/nav-grad.png) 0 0 repeat-x;
}

/*-----------------------------------------------------------------------
	Hero
------------------------------------------------------------------------ */

#hero {
width:975px;
min-height: 290px;
background-color:#F6F6F6;
}

#hero.hero-full {
background:#FFF;
overflow: hidden;
padding: 0 10px;
width: 950px;
min-height: 250px;
}

#hero-left {
float:left;
background-color:#000;
height: 290px;
width:610px;
overflow:hidden;
}

#hero-left-text{
position:relative;
left:25px;
top:38px;
width:550px;
font-weight:700;
}

#hero-left ul {
float:left;
padding:50px 20px 0 30px;
}

#hero-left ul li {
list-style:disc url(/images/landing_pages/star.gif) inside;
padding-bottom:10px;
color:#fff;
}

#hero-left-text em {
font-style:oblique;
color:#900;
}

#hero-right {
width:365px;
float:left;
height: 100%;
background-color:#F6F6F6;
}
/*----
.rotator { 
width:610px; 
height:290px; 
margin: 0 auto 20px auto; 
position: relative; 
overflow: hidden; }

#RotatorNav { 
position:absolute; 
bottom:0; 
right:0; 
z-index:99;
background-color: #000;
width: 600px;
height: 25px;
padding: 10px ; 
filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

#RotatorNav .spacing1 {
padding-top: 2px;
}

#RotatorNav .spacing2 {
width: 10px; float: left; border: 1px solid;
}

#RotatorNav a { 
margin: 0 0 0 10px; 
padding: 2px 6px; 
background: #ffffff; 
text-decoration: none; 
color: #888888;
font-size: 1.2em; 
}

#RotatorNav a:hover { 
background: #454545; 
text-decoration: none; 
color: #ffffff; 
}

#RotatorNav a.activeSlide {
 background: #454545; 
 text-decoration: none; 
 color: #ffffff; 
 }
 
#RotatorNav a:focus { 
outline: none; 
}*/

/*-----------------------------------------------------------------------
	Sign up Form
------------------------------------------------------------------------ */

#signupForm, #searchbox {
text-align:right;
padding: 20px 18px 0 20px; 
overflow:hidden;
margin:0 auto;
font-size: 12px;
}

#signupForm.sub {
width:375px;
float:right;
background:#EFEFEF url(/images/landing_pages/grey-fade.gif) top repeat-x;
margin: 0px -10px 0 5px;
padding:10px 50px 10px 0;
}

#signupForm li, ul.signupForm li{
padding: 3px 0;
}

#signupForm li label, ul.signupForm li label {
padding-right: 5px;
font-weight: bold;
font-size: 12px;
}

#signupForm li.disclaimer input {
margin-right:2px;
}

.submit-btn,.button, li.button-to input{
cursor:pointer;
padding:2px 8px;
margin:0;
border: 1px outset #fff;
}

#signupForm h2, #search-box h2, #bottom-sidebar h2,
#gvr-confirm h2 {
font:bold 20px Arial, Helvetica, sans-serif;
text-align:center;
padding-bottom:8px;
margin:0;
}

/*-----------------------------------------------------------------------
	Content Areas
------------------------------------------------------------------------ */

h2.header,
h2.header-sml{
width: 99%;
background-color: #036;
color: #fff;
padding: 3px 0 3px 3px;
font-size: 1.4em;
}

h2.header-sml{
font-size: .9em;
}

img, .welcome ul.account-settings li.last{
border: none;
}

#mainContent ol {
padding: 0 0 10px 30px;}

#mainContent.content,
#mainContent.vacation-style {
padding: 10px;
margin: 10px auto;
}

#contentContainer { 
margin: 0 auto;
width: 975px;
background-color: #fff;
border-right: 1px solid #E9E9E9;
border-left: 1px solid #E9E9E9;
}

.title-bar  h3{
background: #000 url(/images/landing_pages/title-bg.png) 0 0 repeat-x;
color: #fff;
padding: 6px 0 5px 15px;
margin-bottom: 0;
font-size: 1.1em;
}

#mainContent {
width:955px;
margin:0;
padding:0 10px !important;
padding: 0 0 10px 10px;
}
	
#mainContent h1,#hero h1 {
font-size:1.4em;
color:#0F2A61;
border-bottom:1px dotted #0F2A61;
}

ul.list {
margin-left:20px;
padding-top:5px;
background-color: transparent;
border: none;
list-style-type: disc;
font-size: 12px;
}

#mainContent-bg {
color:#000;
padding:0 0 30px 0;
}

#mainContent .benefits {
width: 440px; 
height: 160px; 
padding: 5px; 
margin: 10px; 
border: 1px solid #dfeefa; 
background-color: #F8FBFE; 
float: left;
}

#mainContent .benefits ul{
padding-left: 20px;
}

#mainContent .half-content,
#mainContent .best-price {
width: 460px; 
padding: 20px;
}

#mainContent .best-price p {
padding: 5px 0 0 100px;
}

#mainContent .content-full,
#mainContent .textGroup  {
line-height:18px;
}

#mainContent #trip-content-col1,
#mainContent #cruise-content-col1 {
width:275px;
float:left;
padding-top:10px;
}

#mainContent #trip-content-col2 { 
width:670px;
float:left;
padding: 10px 0 0 8px;
}

#mainContent .column-half { 
width:465px;
float:left;
padding:10px 10px 20px 0;
}

#mainContent .column-half img,
#mainContent .content-full img {
border: none;
}

#mainContent .column-half p,
#mainContent .content-full p{ 
padding: 0 20px;
}


#mainContent .content-full { 
width:965px;
clear:both;
}

#mainContent .content-full span {
display:block;
font-style:italic;
padding-top:2px;
}

h2.ColHeader, .ColHeader {
background-color: #F6EDCF;
color: #036;
font-weight: bold;
margin-bottom: 10px;
margin: 8px 0 10px;
padding: 2px 0 2px 10px;
font-size: 1.1em;
}

#mainContent span.textCap {
font-size:11px;
padding-left:10px;
}

#mainContent .textGroup{
display:block;
clear:right;
padding: 10px;
font-size:11px;
}

#mainContent .browse-group {
width: 186px; 
float: left; 
padding: 0 5px;
}

.howto-steps {
height: 230px;
width: 935px;
padding: 0 0 0 20px;
}

.step1,.step2,.step3,.step4,.step5 {
float:left;
padding-top:10px;
height:180px;
width:145px;
}

.step5 {
width: 140px;}

.step1 span,.step2 span,.step3 span,.step4 span,.step5 span {
font:bold 18px arial, sans-sarif;
display:block;
color:#036;
padding:0 0 1px;
letter-spacing: -.5px;
}

.howto-steps p.first {
height: 50px;
overflow: hidden;
font-size: 12px;
line-height: 13px;
}

.howto-steps p.last{
font-size:11px;
padding:110px 0 0 2px;
}

.howto-steps img, 
.arrows{
border: none;
padding:80px 0 0 0;
float: left;
}

#bottom-sidebar {
float: right; 
background-color: #efefef; 
width: 355px; 
height: 100%;
padding: 10px 0 20px 10px;
margin: 0 -10px 0 0;
clear: right;
}
#bottom-sidebar .logos {
padding-left: 10px;
}

#bottom-sidebar .logos img{
width: 150px;
height: 45px;
background-color: #fff;
margin: 5px;
border: 1px solid #ccc;
float: left;
text-align: center;
}

.disclaimer {
font-size:10px;
line-height: 12px;
}

.disclaimer-sm {
font-size:11px;
}

span.errormsg {
font-size: 9px;
font-weight: normal;
color: #FF0000;
}

#trip-content-col1 img,
#trip-content-col2 img,
.imgborder {
border: 1px solid #CCC;
padding: 3px !important;
padding: 2px;
}

#mainContent .textGroup img,
/*#mainContent .column250 img,*/
#landing-offer .subgroup img,
.subgroup img, #cruise-content-col2 img,
.subgroup img, #cruise-content-col3 img,
#cruise-col2-wide img, #email-landing #mainContent img,
.sidebar-img img, #right img{
border:1px solid #ccc;
margin:0 5px 0 0;
padding: 3px;
}

.list ul, .list-general ul, ul.list-general,
ul.vacation-nav,
#top-list-box ul.top-list, ul.enrollment-form,
.welcome ul.account-settings {
list-style-type: none;
}

.list-disc{
padding: 0 0 10px 20px;
list-style-type: disc;
}

#errorExplanation3.errorExplanation3 ul li {
margin-left: 20px;}

a.go {
line-height: 19px;
font-weight: bold;
}

#hero.browse #slider ul {padding: 0;}
#hero.browse #slider ul li {width: 610px;list-style: none;}

/*-----------------------------------------------------------------------
	Post Login Searchbox
------------------------------------------------------------------------ */

#searchbox-trip, #searchbox-trip-adv{ 
text-align: left;
width:275px;
margin: 0 0 8px 0;
padding: 0 0 10px 0;
background-color: #fff;
border: 1px solid #036;
}

#searchbox-trip #searchbox-content,
#searchbox-trip-adv #searchbox-content {
width: 90%;
margin: 0 auto;
padding: 5px 0 0 0;
}

#searchbox li, #account-info li, #account-details li,
#searchbox-trip li, #searchbox-trip-adv li, #trip-category-table li {
list-style-type:none;
padding: 5px;
}

#trip-category-table .inside-box{
background-color: #FCF9F0;
margin: 30px 5px 5px 5px;
padding: 10px;
border: 1px solid #DECE97;
}


#searchbox-trip select,
#searchbox-trip-adv select{
font-size: 12px;
height: 20px;
}

#searchbox-trip ul.searchbox-cruise  select.destination {
width: 240px;
}
#searchbox-trip ul.searchbox-cruise select.cruiseline {
margin-right: 6px;
width: 114px;
}
#searchbox-trip ul.searchbox-cruise select.sail-date {
width: 115px;
}

#searchbox-trip ul.searchbox-air label {
font-weight: bold;
padding-right: 20px;
}

#searchbox-trip .searchbox-cruise,
#searchbox-trip-adv .searchbox-nav,
#trip-category-table .trip-category-nav {
margin: 0 0 0 3px;
}

#searchbox-trip .trip-select-group {
width: 100px; 
height: 60px;
padding: 0 8px 5px 8px;
float: left;
}

#searchbox-trip .trip-select-group label {
height: 20px; 
line-height: 20px;
display: block;
}

#searchbox ul.searchbox-cruise li,
#searchbox-trip ul.searchbox-nav li,
#trip-category-table ul.trip-category-nav li
.thank-you ul.enrollment-form li{
float: left;
padding: 0;
margin: 0 2px;
}


#trip-category-table a.tab{
display:block;
background-color: #fff;
border-top: 1px solid #ccc ;
border-right: 1px solid #ccc ;
border-left: 1px solid #ccc ;
}

#searchbox ul.searchbox-cruise a.current,
/*#searchbox-trip ul.searchbox-nav a.current,
#searchbox-box ul.searchbox-nav a.current,*/
#trip-category-table ul.trip-category-nav a.current {
color: #990000;
background-color: #ccc;
text-decoration: underline;

}

hr.searchbox {
margin: 0 0 10px 0;
}

ul.searchbox-cruise li label,
ul.searchbox-air li label,
ul.searchbox-car li label,
ul.searchbox-resort li label,
ul.searchbox-hotel li label,
ul.searchbox-hotelair li label{
display: block;
padding: 2px 0;
font-weight: bold;
padding-right:5px;}



/*-----------------------------------------------------------------------
	Post login Advanced Search Box
------------------------------------------------------------------------ */
#searchbox-trip-adv ul.searchbox-nav  #airlineSearchPref{
width: 130px;
}

#searchbox-trip-adv ul.searchbox-nav  #classOfService{
width: 80px;
}

#searchbox-trip-adv ul.searchbox-nav  #fareType{
width: 185px;
}

#searchbox-trip-adv .title {
color: #036;
font-weight: bold;
}

#searchbox-trip-adv input.button {
float: right;
margin-left: 10px;
}

/*-----------------------------------------------------------------------
	Thank you / Post Enrollment
------------------------------------------------------------------------ */


#mainContent .thank-you {
width: 700px;
float:left;
padding-top: 10px;
}

#mainContent.confirm {
width: 930px;
margin: 15px;
}

ul.enrollment-form li {
margin: 15px 0;
}

ul.enrollment-form label {
font-weight: bold;
display: block;
}
.sidebar-img{
width: 200px;
float: right;}
.sidebar-img img {
margin: 5px;
}



/*-----------------------------------------------------------------------
	Post Login Content
------------------------------------------------------------------------ */


#top-list-box{
text-align: left;
width:194px;
margin: 0 0 8px 0;
overflow: hidden;
border: 1px solid #036;
min-height:231px;
}

.list-general {
margin: 10px 5px 5px;
padding: 5px;
}

.list ul li, .list-general ul li{
padding-top: 4px;
margin: 0;
font-size: .9em;
}

ul.deals-list {
list-style-type: disc;
margin-left: 15px;
color: #999;
font-size: .9em;
}

ul.top-deals-list li,
ul.deals-list li{
margin: 0 0 10px 0;
line-height: 14px;
}

ul.top-deals-list {
padding: 5px;
}

#trip-columns {
width: 100%!important;
padding: 0 5px!important;
width: 655px; /* for ie6*/
padding: 0; /* for ie6*/
}

#trip-content-col2 .trip-columns { 
width:200px;
float:left;
padding:0 10px 30px!important;
padding:0 8px 30px ;/* for ie6*/
margin: 0 auto 20px;
border-right: 1px solid #ccc;
min-height: 210px;
}

#trip-content-col2 a{
color: #000;
}

#trip-content-col2 .trip-columns.noborder { 
border-right: none;
}

ul.top-deals-list span.price, ul.deals-list span.price{
font-weight: bold;
color: #990000;
padding-bottom: 10px;
font-size: 12px;
}

ul.top-deals-list span em, ul.deals-list span em{
font-size: .8em;
color: #999;
}

#post-login-hero {
width: 459px; 
height: 226px; 
margin: 3px 0 0 3px;
}

#post-login-hero-border {
width: 465px; height:232px; border: 1px solid #ccc;
}
/*--homepage--*/

blockquote {
border-top:1px solid #EFEFEF;
margin:0 0 1em;
}

blockquote img {
padding:2px 2px 5px 0;
}

/*-----------------------------------------------------------------------
	Footer
------------------------------------------------------------------------ */

#footer{
background-color:#0F2A61;
color:#FFF;
bottom:0;
width:975px;
overflow: hidden;
height: auto;
text-align: center;
padding: 0;
}

#footer ul.footerMenu {
padding: 10px 0 0 0}

#footer ul.footerMenu li {
display: inline;
list-style-type:none;
text-align: center;
margin: 5px 0 0 0;
}

#footer ul.footerMenu li a {
color:#FFF;
font-size:11px;
padding:0 8px;
}

p.copyright {
color:#FFF;
font-size:11px;
}

#login-area a:hover,#footer-bg ul.footerMenu li a:hover {
text-decoration:underline;
}

/*-----------------------------------------------------------------------
	Account Settings Page
------------------------------------------------------------------------ */

#name_state_div { /* hack to align state and label*/
margin-top: -15px;
}

#account-info {
padding: 10px 0 40px 0;
text-align: right;
margin: 0 auto;
}

#account-info.table {
width: 750px;
}
.table table {
border: 1px solid #ccc;
width: 100%;
padding: 5px;
}
.table table th, table.table th{
background-color: #efefef;
}

.table table th,
.table table td, table.table th, table.table td{
text-align: left;
border-bottom: 1px solid #ccc;
}

.table table td, table.table td {
padding: 5px 0 5px 5px;
}

table.table tr.title {
font: bold 14px arial ;}

table.stripeMe tr.alt td {
background: #efefef;
}

table.stripeMe tr.over td {
background: #dfeefa;
}

.table .add-btn{
padding-top: 10px;
float: left;
}
.table .balance {
padding-top: 10px;
float: right;
display: inline;
}

#account-info h4 {
text-align: center;
}

#account-details {
text-align: center;
padding: 20px 0 0px 20px;
width: 950px;
border-bottom: 1px solid #ccc;
}

#account-details span {
padding: 0 8px;
}

#account-info ul li {
clear: both;
}

ul.account-info {
width: 360px;
margin: 0 auto;
}
 ul.account-info-pw{
 width: 400px;
 margin: 0 auto;}
 
ul.account-info li input,
 ul.account-info-pw li input {
float: left;
margin: 5px 0;
clear: right;
}

#account-info ul.account-info label,
 ul.account-info-pw label {
float: left;
margin: 5px;
padding-right: 10px;
font-weight: bold;
}

li.update {
float:right;
}

#account_tabs {
margin-top: 30px;
text-align:center;
width: 950px;
}

#account_tabs li a {
text-decoration: none;
}

#account_tabs li {
display:inline;
padding: 5px 10px 0 10px;
margin-right: 5px;
border: 1px solid #cfcfcf;
}

#account_settings_div {
padding: 25px 0 80px 0;
border-top: 1px solid #cfcfcf;
border-bottom: 1px solid #cfcfcf;
width: 950px;
}

#account_settings_div label{
display:block;
width: 150px;
margin-right: 25px;
}

#account_info {
	text-align: right;
	margin-right: 50px;
	padding-top: 20px;
}
#account_info li {
	display: inline;
	padding: 5px;
}
.auto_complete {
/*	this is for the background of the autocomplete fields on the settings form*/
background-color: #E6E6E6;
text-align: left;
padding-left: 5px;
}

li.update a {
float: left; line-height: 34px; padding-right:10px;}


/*-----------------------------------------------------------------------
	Error Flash Messages and Tooltip
------------------------------------------------------------------------ */

#flash {
text-align:center;
font-weight:bold;
background-color:#FFF79F;
color:#000;
border-bottom:1px solid #DECE97;
padding-top: 10px;
padding-bottom: 12px;
font-size:150%;
}

#flash_1 {
color: #EF000A;
text-align: left;

}

#errors {
text-align:center;
font-weight:bold;
background-color:#DF0000;
color: #fff;
border-bottom:1px solid #333;
padding-top: 10px;
padding-bottom: 12px;
font-size:170%;
}

#errorExplanation.errorExplanation,
#errorExplanation2.errorExplanation2,
#errorExplanation3.errorExplanation3,
#errorExplanation.errorExplanation h2,
#errorExplanation2.errorExplanation2 h2,
#errorExplanation3.errorExplanation3 h2 {
font-size: 12px;
color: #EF000A;
text-align: left;
}

#errorExplanation.errorExplanation h2,
#errorExplanation2.errorExplanation2 h2 {
font-size: 14px;
text-align: center;
}

#errorExplanation3.errorExplanation3 h2 {
font-size: 14px;
text-align: left;
}

#errorExplanation.errorExplanation ul,
#errorExplanation.errorExplanation3 ul {
font-size: 12px;
line-height: 10px;
text-align: left;
padding-left: 65px;
}

#errorExplanation2.errorExplanation2 ul {
font-size: 12px;
line-height: 10px;
padding-left: 400px;
}

label.myerror, #message h2 {
color: #990000}

#message p {
text-align: center;}

a.tooltip{
    position:relative;
    color:#990000;
    text-decoration:none;
	font-size: .8em;
	}

a.tooltip:hover{z-index:25; background-color:#ff0}

a.tooltip span{display: none; font-size: 12px;}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
	top: -100px;
    padding: 10px;
	width:250px;
    border:1px solid #ccc;
    background-color:#FFFFDF; 
	color:#000;
    text-align: left;
	line-height: 16px;
	font-weight:normal;}

/*-----------------------------------------------------------------------
	jQuery Subnavigation Tabs
------------------------------------------------------------------------ */

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height:10; /*--Set height of tabs--*/
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 9px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 18px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: .9em;
	padding: 0 10px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like its connected with its content--*/
}

.tab_container {
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #ccc;
}
.tab_content {
	font-size: .9em;
	padding: 0;
}

/*-----------------------------------------------------------------------
	jqModal - pop up
------------------------------------------------------------------------ */
.jqmWindow {
    display: none;
    position: fixed;
    top: 15%;
    left: 50%; 
    margin: 0 0 0 -200px;
    width: 400px;
    background-color: #EEE;
    color: #333;
    border: 1px solid #000;
    padding: 30px;
}

.jqmOverlay { background-color: #000; }

* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/*-----------------------------------------------------------------------
submit buttons & link buttons
------------------------------------------------------------------------ */
button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */}
@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}
	
button.slide-btn { padding: 0 15px 0 0; position:relative; border: 0; cursor: pointer; overflow: visible;margin-right:6px; font-size:14px;height: 28px;}
button.slide-btn span, a.slide-btn span { padding: 5px 0 5px 18px; height:19px; color:#fff; line-height: 15px; display:block; white-space: nowrap;}
button.slide-btn:hover, a.slide-btn:hover {background-position: bottom right; }
button.slide-btn:hover span {background-position: bottom left; padding: 5px 0 4px 18px;}

a.slide-btn {display:block; padding-right: 20px; margin-right: 6px; float: left; text-decoration: none;}
a.slide-btn:hover span{background-position: bottom left;}

button.blue, a.blue {background: transparent url(images/landing_pages/btn-right.gif) no-repeat scroll top right;}
button.blue span, a.blue span {background: transparent url(images/landing_pages/btn-left.gif) no-repeat; }

button.grey, a.grey {background: transparent url(images/landing_pages/btn-right-grey.gif) no-repeat scroll top right;}
button.grey span, a.grey span {background: transparent url(images/landing_pages/btn-left-grey.gif) no-repeat; }