/* @group reset */
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, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
address {
font-style: normal;
}
strong {
font-weight: bold;
}
ol, ul {
padding-left: 15px;
margin-bottom: 1.25em;
}
ol {
padding-left: 25px;
}
ul ul, ul ol, ol ul, ol ol {
margin-bottom: 0;
}
dt, dd {
margin-bottom: .5em;
}
dd {
padding-left: 15px;
}
p {
margin-bottom: 1.25em;
}
div.content p {
line-height: 18px;
}
p img {
vertical-align: text-bottom;
}
sup { /* IE is pretty wonky with SUP styles; defined differently in dotcom-ie.css */
font-size: .9em;
vertical-align: 20%;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
content: "";
}
optgroup {
font-style: normal;
}
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
/* @end */
/* @group base HTML elements */
html {
font-size: 62.5%; /* sets 1em to 10px _for direct children of _ */
background: #F7F6F1 url(/static/dotcom/img/bg_html.png) repeat-x scroll 0 0;
margin: 0;
padding: 0;
}
html#iframedModal {
background: white;
}
body .enterpriseHeader {
width: 100%;
height: auto;
position: relative;
background-repeat: no-repeat;
float:left;
min-height:125px;
}
.enterpriseHeader #header {
width: 100%;
height: 165px;
position: relative;
background: url(/static/dotcom/img/Enterprise/EnterpriseCA_header.gif) center top no-repeat;
}
.enterpriseHeader #header .welcomeBack {
bottom:35px;
display:block;
position:absolute;
right:60px;
text-align:right;
}
body {
background:transparent url(/static/dotcom/img/bg_body.jpg) repeat-x scroll center top;
font-size: 1.2em; /* sets base font size to 12px */
line-height: 1.25;
font-family: Arial, sans-serif;
color: #646464;
margin: 0;
padding: 0;
}
html#iframedModal body {
background: white;
}
a:link, a:visited, a:hover, a:active {
color: #068fcf;
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
h1 {
font-size: 2.333em;
line-height: 1;
font-weight: normal;
color: #3c3c3c;
margin: 0 15px 5px;
clear: left;
}
h2 {
color: #505050;
font-size: 1.5em;
font-weight: normal;
line-height: 1;
margin-bottom: .75em;
}
h3 {
color: #505050;
font-size: 1.25em;
font-weight: normal;
line-height: 1;
margin-bottom: .75em;
}
h4, h5, h6 {
font-size: 1em;
font-weight: bold;
line-height: 1;
margin-bottom: .75em;
}
/* @end */
/* @group common classes */
a.hasIcon:hover {
text-decoration: none !important;
}
a.hasIcon img {
vertical-align: top;
margin-top: -1px;
}
a.hasIcon span {
margin-left: 2px;
}
a.hasIcon:hover span {
text-decoration: underline;
}
.hide {
display: none;
}
.clear {
clear: both;
}
.buttons {
clear: both;
text-align: right;
}
.errorButtons img {
vertical-align: middle;
position: relative;
top: -1px;
}
.errorButtons .cta {
margin-left: 50px;
}
p.errorNav {
margin-bottom: 24px;
}
.errorNav a {
margin-right: 25px;
font-weight: bold;
font-size: 1.1667em;
}
.ctaButton {
text-align: center;
}
.leadingZero {
visibility: hidden;
}
.success, .extraStrong {
color: #289728;
}
.error, .required {
color: #cd0024 !important;
}
.alert {
padding: 0 0 12px 36px;
min-height: 26px;
background: url(/static/dotcom/img/icon_alert.png) 0 1px no-repeat;
}
input.error, select.error, textarea.error {
color: #646464 !important;
}
.deemph, .deviceMeta {
color: #a6a6a6;
}
.nowrap {
white-space: nowrap;
}
p.tight {
margin-bottom: .25em;
}
div .content p.deemph {
font-size: .917em;
line-height: 15px;
margin-bottom: 2em;
}
form label .deemph {
font-size: .917em;
color: #6e6e6e;
margin:4px;
}
#gogoModal p.deviceMeta {
margin-bottom: 14px;
}
select[disabled='disabled'].error {
color: #3c3c3c !important;
}
.break {
display: block;
}
span.divider {
margin: 0 6px;
color: #bdbdbd;
}
img.figure1 {
display: block;
margin: auto;
}
img.figure2 {
float: left;
margin: 0 2em 1em 0;
}
img.figure3 {
float: right;
margin: 0 0 1em 2em;
}
img.testimonialDisc {
display: block;
margin: 0 auto 30px;
}
.returnToTop {
text-align: right;
padding-bottom: .75em;
border-bottom: solid 1px #ccc;
}
ul.tertiaryNav {
padding:0;
margin-top: 0px;
list-style: none;
}
.simpleList, .simpleList li {
list-style: none;
padding-left: 0;
}
.simpleList li {
margin-bottom: .5em;
}
ul.hasViewAll {
padding-bottom: 10px;
border-bottom: solid 1px #dbdbdb;
margin-bottom: 10px;
}
.tertiaryNav li {
margin: 0 0 0 -10px;
font-size: 1.166em;
line-height: 14px;
position: relative;
}
.tertiaryNav li.current {
height: 26px;
}
.tertiaryNav li a {
display: block;
line-height: 14px;
padding: 7px 10px 5px;
background: white;
}
.tertiaryNav li.current a {
position: absolute;
color: white;
background: url(/static/dotcom/img/bg_tertiary_current.png) 0 0 no-repeat;
width: 295px;
top: 0;
padding: 6px 10px 6px;
}
.tertiaryNav a:hover {
text-decoration: underline;
}
.tertiaryNav li.current a:hover {
cursor: default;
text-decoration: none;
}
.tertiaryNav li#hasViewAll, .tertiaryNav li#hasViewAll.current {
padding-top: 10px;
margin-top: 10px;
border-top: solid 1px #dbdbdb;
}
a#viewAll {
text-transform: uppercase;
}
.instructionsLink {
display: block;
padding-left: 17px;
font-size: .917em;
background: url(/static/dotcom/img/icon_info.png) 0 0 no-repeat;
margin: .5em 0;
}
.sectionSeparator {
border-top: 1px solid #cdcdcd;
padding-top: 20px;
}
h3.sectionSeparator {
clear: left;
margin-top: 20px;
}
.printOnly {
display: none;
}
/* nonsematic classes to match specific content references to color: */
.greenHighlight {
padding: 0 5px;
background: lime;
}
.yellowHighlight {
padding: 0 5px;
background: yellow;
}
.redHighlight {
padding: 0 5px;
background: red;
color: white;
}
.pagination {
clear: left;
margin: 0 0 2em 0;
text-align: center;
font-size: .917em;
background: url(/static/dotcom/img/bg_simpleDivider.png) center center no-repeat;
}
.pagination div.inner {
display: inline;
background: white;
padding: 0 1em;
}
.pagination ul {
display: inline;
margin: 0;
padding: 0;
}
.pagination li {
display: inline;
text-transform: uppercase;
margin: 0 0 0 5px;
padding: 0 0 0 10px;
background: url(/static/dotcom/img/bullet_green.png) left center no-repeat;
}
.pagination li.first {
background: none;
padding-left: 0;
}
.closeButton {
padding-right: 16px;
background: url(/static/dotcom/img/icon_closeX.png) right center no-repeat;
white-space: nowrap;
}
/* @end */
/* @group main template layout */
#wrap {
width: 930px;
margin: 0 auto;
position: relative;
}
#header {
position: relative;
width: 100%;
min-height: 150px; /* has a fix in dotcom.ie.css */
float: left;
}
#brand #logo {
position: absolute;
top: 19px;
left: 0px;
z-index:2;
}
#logo img {
display: block;
}
/* @group main navigation */
#navBar {
position: relative;
margin-top: 57px;
width: 829px;
float: right;
background: url(/static/dotcom/img/bg_navBar.png) 0 0 no-repeat;
min-height: 34px; /* has a fix in dotcom-ie.css */
}
#nav {
width: 425px;
padding: 0;
margin: 5px 0 0 80px;
position: relative;
}
#nav.js {
position: absolute;
}
#nav, #nav li {
list-style-type: none;
}
/* @group main nav top level CSS sprites */
#nav_coverage, #nav_connect, #nav_community, #nav_help, #nav_aboutgogo {
text-indent: -99999px;
position: absolute;
top: 0;
padding: 0;
height: 24px;
background: url(/static/dotcom/img/bg_nav_sprites.png) 0 0 no-repeat;
cursor: default;
}
#nav_coverage {
left: 170px;
width: 85px;
}
li.showSubnav #nav_coverage {
background-position: 0 -24px;
}
li.current #nav_coverage {
background-position: 0 -48px !important;
}
#nav_connect {
width: 81px;
left: 80px;
background-position: -85px 0;
}
li.showSubnav #nav_connect {
background-position: -85px -24px;
}
li.current #nav_connect {
background-position: -85px -48px !important;
}
#nav_community {
width: 95px;
left: 166px;
background-position: -166px 0;
}
li.showSubnav #nav_community {
background-position: -166px -24px;
}
li.current #nav_community {
background-position: -166px -48px !important;
}
#nav_help {
width: 53px;
left: 261px;
background-position: -261px 0;
}
li.showSubnav #nav_help {
background-position: -261px -24px;
}
li.current #nav_help {
background-position: -261px -48px !important;
}
#nav_aboutgogo {
width: 101px;
left: 265px;
background-position: -314px 0;
}
li.showSubnav #nav_aboutgogo {
background-position: -314px -24px;
}
li.current #nav_aboutgogo {
background-position: -314px -48px !important;
}
/* @end */
/* subnav lists: no-JS layout */
#nav li {
float: left;
}
#nav li ul {
padding-left: 0;
float: left;
width: 85px;
margin-top: 24px;
}
#nav li ul li {
height: auto;
line-height: 1;
font-size: .917em;
margin: 0;
padding: 5px 9px 5px 10px;
}
#nav li ul li a:hover, #nav li ul li a:active {
text-decoration: underline;
}
#nav li ul li.current a:hover, #nav li ul li.current a:active {
text-decoration: none;
}
#nav li a:focus {
outline: 0;
}
#nav li ul li a:focus {
outline: dotted 1px #068fcf;
}
/* subnav lists: with-JS layout */
#nav.js li ul {
display: none;
left: -99999px;
}
#nav.js li.showSubnav ul {
display: block;
width: auto;
position: absolute;
margin-top: 0;
left: 0;
top: 24px;
padding-top: 10px;
padding-bottom: 9px;
background: white;
}
#nav.js li ul#subnav_community {
margin-left: 168px;
}
#nav.js li ul#subnav_help {
margin-left: 225px;
}
#nav.js li ul#subnav_coverage {
margin-left: 120px;
}
#nav.js li ul#subnav_aboutgogo {
margin-left: 35px;
}
#nav.js li.current ul li.current a {
cursor: default;
color: #646464 !important;
}
#nav.js li ul li {
float: left;
white-space: nowrap;
border-left: solid 1px #505050;
padding: 0 9px 0 10px;
}
#nav.js li ul li.last {
padding-right: 0;
border-right: none;
}
#nav.js li ul li.first {
border-left: none;
padding-left:0;
}
/* @end */
/* @group pageUtil nav */
#pageUtil {
position: absolute;
width: 315px;
height: 24px;
right: 3px;
top: 4px;
padding: 0;
}
#pageUtil, #pageUtil li {
list-style-type: none;
}
#signIn, #signOut, #createAccount, #myAccount, #chatLink {
text-indent: -99999px;
position: absolute;
top: 0;
padding: 0;
height: 24px;
background: url(/static/dotcom/img/bg_pageUtil_sprites.png) 0 0 no-repeat;
}
#signIn {
width: 79px;
left: 0;
background-position: 0 0;
}
#signIn:hover, #signIn:active, #signIn:focus {
background-position: 0 -24px;
outline: 0;
}
#signOut {
margin-left: -2px;
width: 91px;
left: 18px;
background-position: -18px -48px;
}
#signOut:hover, #signOut:active, #signOut:focus {
background-position: -18px -72px;
outline: 0;
}
#createAccount {
width: 139px;
left: 79px;
background-position: -79px 0px;
}
#createAccount:hover, #createAccount:active, #createAccount:focus {
background-position: -79px -24px;
outline: 0;
}
#myAccount {
margin-left: -2px;
width: 110px;
left: 108px;
background-position: -108px -48px;
}
#myAccount:hover, #myAccount:active, #myAccount:focus {
width: 109px;
left: 109px;
background-position: -109px -72px;
outline: 0;
}
#chatLink {
width: 97px;
left: 218px;
background-position: -218px 0;
}
#chatLink:hover, #chatLink:active, #chatLink:focus {
background-position: -218px -24px;
outline: 0;
}
/* @end */
#welcomeBack {
text-align: right;
position: absolute;
top: 20px;
right: 0;
width: 394px;
padding: 8px 70px 8px 0;
font-size: 1.0833em;
line-height: 1;
background: url(/static/dotcom/img/bg_welcomeBack.png) right center no-repeat;
}
#primary, .fullStretch {
margin: 0;
float: left;
width: 930px;
position: relative;
}
.hasSidebar #primary {
width: 615px;
float: left;
}
.hasTertiaryNav #primary {
float: right;
width: 615px;
min-height: 600px;
}
#secondary {
display: none;
width: 300px;
margin: 0;
}
.hasSidebar #secondary {
display: block;
float: right;
}
.hasTertiaryNav #secondary {
display: block;
float: left;
}
div.content {
background: white;
border: solid 1px #f2f2f2;
border-width: 0 1px;
padding: 10px 23px 5px;
}
div.content:after { /* for clearing contained floats -- IE has a fix in dotcom-ie.css */
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
div.topCap, div.bottomCap {
clear: left;
height: 10px !important;
line-height: 0;
font-size: 0;
}
div.bottomCap {
margin-bottom: 30px;
}
#primary div.topCap, .fullStretch div.topCap {
width: 930px;
background: url(/static/dotcom/img/cap_top_930.png) 0 0 no-repeat;
}
#primary div.bottomCap, .fullStretch div.bottomCap {
width: 930px;
background: url(/static/dotcom/img/cap_bottom_930.png) 0 0 no-repeat;
}
.hasSidebar #primary div.topCap, .hasTertiaryNav #primary div.topCap {
width: 615px;
background: url(/static/dotcom/img/cap_top_615.png) 0 0 no-repeat;
}
.hasSidebar #primary div.bottomCap, .hasTertiaryNav #primary div.bottomCap {
width: 615px;
background: url(/static/dotcom/img/cap_bottom_615.png) 0 0 no-repeat;
}
#secondary div.topCap, #homepageFeatures div.topCap {
width: 300px;
background: url(/static/dotcom/img/cap_top_300.png) 0 0 no-repeat;
}
#secondary div.bottomCap, #homepageFeatures div.bottomCap {
width: 300px;
background: url(/static/dotcom/img/cap_bottom_300.png) 0 0 no-repeat;
}
/* @group footer & newsletter signup */
#footer { /* has an IE fix in dotcom-ie.css */
clear: both !important;
background: transparent url(/static/dotcom/img/bg_pill.png) 0 0 no-repeat;
width: 100%;
margin: 0 0 2em 0;
font-size: .917em;
position: relative;
}
#footer a {
color: #646464;
}
#footer a:hover, #footer a:active {
text-decoration: underline;
}
#footerUtil {
margin: 0 0 2em 0;
list-style-type: none;
float: right;
width: auto;
white-space: nowrap;
position: relative;
padding: 8px 10px 0 0;
}
#footerUtil li {
float: left;
}
#footerUtil li a {
float: left;
padding: 2px 10px 2px 8px;
text-transform: uppercase;
background: url(/static/dotcom/img/bullet_green.png) right center no-repeat;
}
#footerUtil li.last a {
background: none;
padding-right: 5px;
}
#footerUtil #addThisPlugin {
display: none; /* JS-dependent, so reveal via JS */
}
#footerLegal {
clear: both;
text-align: center;
margin: 0;
padding: 0;
list-style: none;
}
#footerLegal li {
list-style: none;
margin: 0;
padding: 0;
display: inline;
}
#footerLegal a {
padding: 0 10px 0 8px;
background: url(/static/dotcom/img/bullet_gray.png) right center no-repeat;
}
#feedback {
display: none; /* js-dependent, so reveal via js */
}
#footerLegal #feedback a {
padding-left: 10px;
background-position: left center;
margin-left: 5px;
}
#footerLegal .copyright {
margin-left: 8px;
}
#newsletter {
float: left;
width: 385px;
padding: 0 15px;
margin: 0;
}
#newsletter h3 {
float: left;
padding: 11px 8px 0 0;
font-weight: normal;
font-size: 1em;
}
#newsletter form {
float: left;
margin: 5px 0 0 0;
}
#newsletter form div {
width: auto;
padding: 0;
position: relative;
}
#newsletter label {
position: absolute;
left: -99999px;
}
#newsletter input#nlEmail {
width: 135px;
padding-left: 1px;
padding-right: 25px;
}
#newsletter input#nlSubmit {
width: 17px;
height: 17px;
position: absolute;
background: transparent;
right: 8px;
top: 3px;
margin: 0;
padding: 0;
}
#newsletter #nlMessaging {
display: none;
position: absolute;
top: 4px;
left: 11px;
width: 140px;
padding: 0 0 1px 2px;
background: white;
}
/* @end */
#getEmailAlerts label, #getEmailAlerts p {
font-size: 0.917em;
}
#getEmailAlerts p {
margin-bottom: 0;
}
/* @group mini content feature boxes */
div.vertical div.miniContent {
padding-bottom: .5em;
}
div.miniContent p {
font-size: .917em;
line-height: 15px;
}
div.vertical div.sectionSeparator {
padding-top: 0;
border-top: none;
border-bottom: solid 1px #dcdcdc;
padding-bottom: 1em;
margin-bottom: 1.5em;
}
div.horizontal div.miniContent {
float: left;
width: 255px;
min-height: 115px; /* this has a fix in dotcom-ie.css */
}
.hasTertiaryNav div.horizontal div.miniContent, .hasSidebar div.horizontal div.miniContent {
width: 253px;
}
.hasSidebar #secondary #content_Minicontent {
border-right: solid 1px #f2f2f2;
border-left: solid 1px #f2f2f2;
background:#ffffff;
padding:0 23px 0 23px;
margin-bottom:0px;
}
.hasSidebar #secondary #content_Minicontent p {
margin-bottom:0em;
}
#gogoModal div.horizontal {
float: left;
width: 100%;
}
#gogoModal div.horizontal div.miniContent {
width: 170px;
min-height: 105px;
}
div.horizontal div.sectionSeparator {
padding-top: 0;
border-top: none;
padding-right: 25px;
border-right: solid 1px #dcdcdc;
margin-right: 30px;
}
#gogoModal div.horizontal div.sectionSeparator {
padding-right: 13px;
margin-right: 13px;
}
div.miniContent ul {
padding-left: 0;
margin-bottom: 0;
}
div.miniContent li {
clear: left;
list-style: none;
padding-left: 26px;
margin-bottom: .5em;
font-size: .917em;
}
.twitter li {
background: url(/static/dotcom/img/icon_twitter_18.png) 0 2px no-repeat;
}
.youtube li {
background: url(/static/dotcom/img/icon_youtube_18.png) 0 2px no-repeat;
}
.facebook li {
background: url(/static/dotcom/img/icon_facebook_18.png) 0 2px no-repeat;
}
.twitter, .youtube, .facebook p {
margin-bottom:0px;
border:1px solid #fff;
}
.miniContent li span.meta {
display: block;
margin-top: 1em;
font-size: .9085em;
}
.youtubeImg {
float: left;
width: 92px;
height: 56px;
overflow: hidden;
border: solid 1px #9a9a9a;
margin-right: 10px;
margin-bottom: 1em;
}
.youtubeImg a {
display: block;
overflow: hidden;
width: 90px;
height: 54px;
border: solid 1px white;
}
.youtubeImg img {
vertical-align: middle;
width: 120px;
height: 90px;
margin-top: -18px;
margin-left: -14px;
}
.youtube .moreLink {
display: block;
clear: left;
font-size: .917em;
margin-bottom: .5em;
}
div.miniContent ul.relatedFAQs li {
margin-bottom: .75em;
padding-left: 0;
}
/* @end */
/* @group Share Gogo popup */
#shareThisBox {
width: 301px;
position: absolute;
z-index: 2;
display: none;
background: transparent;
}
#shareLinks {
width: 100%;
float: left;
background: transparent url(/static/dotcom/img/bg_shareThis_top.png) 0 0 no-repeat;
min-height: 150px; /* has a fix in dotcom-ie.css */
}
#shareLinks ul {
margin: 50px 0 0 0;
padding: 0;
float: left;
list-style: none;
width: 132px;
}
#shareLinks ul.col1 {
padding: 0 10px 0 28px;
width: 115px;
}
#shareLinks li {
margin: 8px 0 0;
padding: 0;
list-style: none;
font-size: .917em;
}
#shareBottom {
clear: left;
background: transparent url(/static/dotcom/img/bg_shareThis_bottom.png) 0 0 no-repeat;
height: 33px;
}
/* @end */
/* @end */
/* @group general form styles */
.disabled {
color: #c6c6c6;
}
fieldset {
float: left;
width: 250px;
padding: 0;
margin: 0 0 10px 0;
border: none;
}
fieldset.formCol2 {
margin-left: 65px;
}
fieldset.formCol3, fieldset.formCol4 {
float: right;
}
h1 span.notice {
font-size: .5em;
font-weight: normal;
padding-left: 50px;
}
h2 span.notice {
font-size: .667em;
font-weight: normal;
padding-left: 50px;
}
form div {
padding: 0 0 10px;
float: left;
width: 100%;
min-height: 39px;
}
form div.mini {
width: 118px;
}
div.mini label#newID {
height:66px;
boder:1px solid #fff;
}
div#saveCard {
margin-right:13px;
}
form div.adjacentField {
float: right;
}
form div.singleSeparator {
padding-bottom: 36px;
}
form div.halfSeparator {
padding-bottom: 24px;
}
form div.doubleSeparator {
padding-bottom: 95px;
}
form div.error {
padding: 0 0 4px 0;
min-height: 0;
}
label, span.expirationLabel {
display: block;
padding: 0 7px 2px 7px;
position: relative;
clear: left;
}
label.mini {
width: 116px;
padding-right: 0;
}
span.roundInput {
float: left;
background: url(/static/dotcom/img/bg_input_L.png) 0 0 no-repeat;
padding: 0 0 0 10px;
margin: 0;
height: 22px;
}
.newLineInput {
margin-top: 4px !important;
}
span.roundInput input {
border: none;
float: left;
background: transparent url(/static/dotcom/img/bg_input_C.png) top left repeat-x;
color: #3e3f41;
margin: 0;
font-size: 11px;
height: 22px;
padding: 0px 0 3px 3px;
width: 227px;
}
span.roundInput input:focus {
outline: none;
}
span.roundInput i.rCap {
display: block;
float: left;
height: 22px;
width: 10px;
background: url(/static/dotcom/img/bg_input_R.png) 0 0 no-repeat;
}
span.roundInput input.mini {
width: 95px;
}
span.roundInput input.nano {
width: 40px;
}
select {
width: 250px;
font-size: 11px;
font-family: Arial, sans-serif;
padding: 0;
margin: 0;
}
fieldset.disabled select {
color: #c6c6c6 !important;
}
select.mini {
width: 118px;
}
.adjacentInput {
margin-left: 10px;
}
a.formHelp {
display: block;
position: absolute;
z-index: 1;
right: 0;
top: 1px;
width: 15px;
height: 15px;
background: #ffffff url(/static/dotcom/img/icon_info.png) 0 0 no-repeat;
color: #106b10 !important;
text-decoration: none !important;
cursor: help !important;
}
a.formHelp span {
display: none;
}
a.formHelp:focus, a.formHelp:active {
outline: none;
}
a.formHelp:hover span, a.formHelp:focus span, a.focusedFormHelp span { /* focusedFormHelp = for IE 6+7 */
display: block;
width: 131px;
border: solid 1px #B3B3B3;
background: white;
font-size: .917em;
position: absolute;
z-index: 2;
bottom: 17px;
left: -68px;
padding: 5px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
}
a.formHelp:hover span em, a.formHelp:focus span em, a.focusedFormHelp span em { /* focusedFormHelp = for IE 6+7 */
font-weight: normal;
font-style: normal;
display: block;
background: #E6F0D0;
padding: 6px;
}
/* !radio sets */
form div.radio {
min-height: 0;
}
div.radio input {
width: auto;
float: left;
margin: 0 10px 0 0;
padding: 0;
background: white;
}
div.radio label {
float: left;
clear: none;
width: 215px;
padding: 0;
margin: 0;
}
div.radio div.radio {
padding: 10px 0 0 0;
}
div.radio div.radio input {
margin-left: 21px;
}
div.radio div.radio label {
width: 180px;
clear: none;
}
/* !checkbox sets */
form div.checkbox {
min-height: 0;
}
div.checkbox input {
width: auto;
float: left;
margin: 0 6px 0 0;
padding: 0;
background: white;
width: 14px;
height: 14px;
}
div.checkbox label {
float: left;
clear: none;
width: 230px;
padding: 0;
margin: 0;
}
form div.checkbox div.formHelp {
clear: left;
float: left;
padding: 0; /* has an IE fix in dotcom-ie.css */
margin: 4px 0 0 162px;
}
div.formSubmit, form div.formSubmit {
padding-bottom: 0;
text-align: right;
}
p.formSubmit {
text-align: center;
position: relative;
}
.formSubmit img {
cursor: pointer;
}
.formSubmit input {
padding: 0;
background: transparent;
width: auto;
float: none;
display: inline;
}
.cancelBtn {
margin-left: 36px;
}
.formSubmit input {
width: auto !important;
height: 24px;
}
form textarea {
width: 360px;
float: left;
margin-right: 4px;
padding: 2px;
line-height: 1.2;
}
form textarea:focus {
outline: none;
}
.modalForm p.note {
width: auto;
clear: left;
padding: 7px 7px 0;
}
.modalForm {
width: 270px;
padding-left: 20px;
background:white;
}
.modalForm .formSubmit {
margin-top: 15px;
position: relative;
text-align: center;
}
.modalForm input {
display: inline;
margin-left: -10px;
}
#resetPasswordBtn {
margin-left: -35px;
}
#passwordResetContinueBtn, #signOutBtn {
display: block;
margin: 15px auto;
}
.modalForm .cancelBtn, p.formSubmit .cancelBtn {
position: absolute;
right: 0;
top: 0;
}
form.partnerOrBizForm div.radio label {
width: 92px;
margin-right: 5px;
}
form.partnerOrBizForm #countrySelect {
width: 250px;
padding-top: 0;
}
form.partnerOrBizForm #countrySelect select {
float: none;
width: 250px;
}
form.partnerOrBizForm div#countryInputs {
padding-bottom: 0;
min-height: 0;
}
/* @end */
/* @group modal overlay */
#gogoModalBackground {
position: fixed;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
z-index: 100;
display: none;
background: #3e3f41;
}
#gogoModalLoading {
position: fixed;
top: 50%;
left: 50%;
width: 32px;
height: 32px;
margin-left: -16px;
margin-top: -16px;
background: url(/static/dotcom/img/ajax-loader.gif) 0 0 no-repeat;
z-index: 101;
display: none;
}
#gogoModal {
position: fixed;
top: 50%;
left: 50%;
width: 621px;
margin-left: -310px;
height: auto;
z-index: 102;
display: none;
}
div.smallModal {
width: 346px !important;
margin-left: -173px !important;
}
#modalTopCap, #modalBottomCap {
height: 20px !important;
line-height: 0;
font-size: 0;
background: url(/static/dotcom/img/modal_topcap_621.png) 0 0 no-repeat;
}
#modalContent {
background: url(/static/dotcom/img/modal_bg_621.png) 0 0 repeat-y;
padding: 0 29px 0 27px;
float: left;
width: 565px;
}
#modalBottomCap {
clear: left;
background: url(/static/dotcom/img/modal_bottomcap_621.png) 0 0 no-repeat;
}
div.smallModal #modalTopCap {
background: url(/static/dotcom/img/modal_topcap_346.png) 0 0 no-repeat !important;
}
div.smallModal #modalContent {
width: 290px !important;
background: url(/static/dotcom/img/modal_bg_346.png) 0 0 repeat-y !important;
}
div.smallModal #modalBottomCap {
background: url(/static/dotcom/img/modal_bottomcap_346.png) 0 0 no-repeat !important;
}
#modalIframe {
width: 100%;
height: 366px;
margin: 0;
padding: 0;
border: none;
overflow: visible;
}
#modalClose {
position: absolute;
top: 22px;
font-size: .917em;
right: 29px;
padding-right: 16px;
background: url(/static/dotcom/img/icon_closeX.png) right center no-repeat;
}
h2#modalHeader {
margin-right: 65px;
margin-bottom: 5px;
}
#iframedModal h2#modalHeader {
margin-bottom: 35px;
}
#modalContent h2.wrappable {
height: 35px;
line-height: 1;
margin-bottom: 25px;
}
/* @end */
/* @group specific pages */
/* @group homepage */
#billboard {
float: left;
width: 930px;
height: 275px;
overflow: hidden;
margin-bottom: 30px;
position: relative;
background: white;
}
#billboard img {
display: block;
position: absolute;
left: 930px;
top: 0;
z-index: 1;
}
#billboard img.current {
left: 0;
}
#billboard #backLink, #billboard #fwdLink {
width: 14px;
height: 53px;
position: absolute;
top: 109px;
left: 0;
cursor: pointer;
z-index: 2;
}
/*#billboard #backLink:focus, #billboard #fwdLink:focus {
border: solid 2px pink;
}*/
#billboard #fwdLink {
left: auto;
right: 0;
}
#billboard #backBtn, #billboard #fwdBtn {
position: absolute;
top: 0;
left: 0;
}
#homepageFeatures {
width: 100%;
float: left;
}
#homepageFeatures .feature {
width: 300px;
float: left;
}
#homepageFeatures .content {
padding: 0 20px 30px 20px;
position: relative;
min-height: 296px; /* has a fix in dotcom-ie.css */
}
#homepageFeatures .fullbleed {
margin: 0 -20px -20px;
}
#homepageFeatures div.ctaButton {
position: absolute;
bottom: 0;
height: 34px;
width: 258px;
}
#homepageFeatures .first {
margin-right: 0px;
width: 615px;
}
#homepageFeatures .last {
margin-right: 0 !important;
float: right;
}
#homepageFeatures p {
line-height: 16px;
}
#gogoRoutesHdr img {
margin-top: -20px;
}
#devicesHdr {
overflow: visible;
white-space: nowrap;
}
#devicesHdr img {
margin: -19px 0 0 -2px;
}
#marqueeSlot h2 {
overflow: visible;
white-space: nowrap;
}
#marqueeSlot h2 img {
margin: -22px 0 0 0;
}
/* @end */
/* @group participating airlines */
#aircraftCount {
font-size: 3em;
font-weight: bold;
padding-left: 175px;
background: url(/static/dotcom/img/bg_equippedCount.png) left center no-repeat;
}
#airlineWiFiSymbol {
float: left;
text-align: center;
width: 141px;
padding: 0 15px;
}
#airlineWiFiSymbol p.deemph {
padding-top: 8px;
color: #646464;
}
#airlineInfographic {
float: left;
margin-top: -24px;
margin-bottom: 1.5em;
}
#airlineInfographicDelta {
float: right;
margin-top: -224px;
margin-bottom: 1.5em;
}
*:first-child+html #airlineInfographicDelta {
float: right;
margin-top: -20px;
margin-bottom: 1.5em;
}
#airlineMiniContent .miniContent {
min-height: 240px; /* has a fix in dotcom-ie.css */
}
.seatFinder {
padding-left: 30px;
background: url(/static/dotcom/img/icon_seatFinder.png) 0 0 no-repeat;
}
#seatGuruLogo {
display: block;
margin-top: 1em;
}
/* #airlinesNav extends .tertiaryNav */
#secondary div#airlinesNavTopCap {
background: url(/static/dotcom/img/cap_top_300_gradient.png);
}
#airlinesNavBox {
background: white url(/static/dotcom/img/bg_airlineNav.png) 0 0 repeat-x;
padding-bottom: 20px;
}
#airlinesNav li {
margin: 0 0 0 -10px;
font-size: 1.166em;
line-height: 50px;
position: relative;
}
#airlinesNav li.current {
height: 50px;
}
#airlinesNav li a {
display: block;
line-height: 14px;
padding: 0;
background: transparent;
}
#airlinesNav li.current a {
position: absolute;
color: black;
background: url(/static/dotcom/img/bg_airlineTertiary_current.png) 0 0 no-repeat;
width: 316px;
height:50px;
top: 0;
padding: 0;
}
#airlinesNav li.current a img {
display: block;/*margin-left: -53px;*/
}
/* @end */
/* @group how it works (+ Multimedia movie player area) */
#howItWorksMovie, #featuredMovie {
float: left;
width: 100%;
}
#howItWorksMovie object, #featuredMovie object {
float: left;
margin: 0 20px 10px 0;
}
#howItWorksMovie p, #featuredMovie p {
font-size: 0.917em;
line-height: 15px;
}
#techSpecsAndFAQs {
clear: left;
}
#disclaimerToggle {
display: block;
font-size: 0.917em;
}
#coverageDisclaimer {
display: none;
margin-top: .5em;
font-style: italic;
}
/* @end */
/* @group pricing */
#topAcctBtn {
float: right;
margin: 0 0 10px 20px;
}
.pass {
width: 100%;
float: left;
position: relative;
min-height: 90px; /* has a fix in dotcom-ie.css */
border-bottom: 1px solid #cdcdcd;
padding-bottom: 20px;
margin-bottom: 20px;
}
.pass h3 {
font-size: 1.833em;
margin-bottom: .5em;
width: 200px;
margin-left: 105px;
}
.pass p {
margin-bottom: 0;
width: 200px;
margin-left: 105px;
}
.pass img.passIcon {
position: absolute;
top: 0;
left: 0;
}
.firstPass img.passIcon {
top: 20px;
}
.pass p.priceInfo {
float: right;
clear: right;
width: 245px;
margin: -32px 0 0 0;
line-height: 1.25;
}
.pass p.additionalPrice {
margin-top: 8px;
border-top: solid 1px #e0e0e0;
padding-top: 18px;
}
.price {
float: right;
color: #92cd2e;
font-size: 4em;
white-space: nowrap;
width: 130px;
text-align: right;
line-height: 36px;
position: relative;
}
.price span {
font-size: .6667em;
position: relative;
top: -12px;
}
.priceInfo span.priceOption {
float: left;
width: 115px;
color: #848484;
}
.descrip {
font-size: 1.1667em;
}
/* @end */
/* @group create account */
#createAccountBillboard {
float: left;
width: 100%;
padding-bottom: 20px;
margin-bottom: 24px;
background: url(/static/dotcom/img/bg_wifiDivider.png) bottom center no-repeat;
}
#createAccountBillboard #lede {
float: left;
width: 570px;
margin: 5px 10px 0 0;
}
#lede p {
margin: 0;
font-size: 1.667em;
line-height: 28px;
}
#createAccountBillboard ul {
float: left;
clear: none;
width: 235px;
color: #065506;
padding: 5px 0 0 0;
margin: 0;
}
#createAccountBillboard li {
font-size: 1.0333em;
margin: 0 0 10px 0;
padding: 0 0 0 18px;
list-style: none;
background: url(/static/dotcom/img/bullet_green_big.png) 0 3px no-repeat;
}
.createAccountIntro p {
width: 55%;
}
.createAccountIntro p strong {
color: #282828;
font-weight: normal;
display: block;
margin: .5em 0;
}
#createAccountForm h3 {
margin: .25em 0 1.25em 0;
}
#createAccountStep1, #createAccountStep2 {
padding-bottom: 0;
}
.stepChanger {
float: left;
text-align: left;
margin-top: -24px;
}
BODY:nth-of-type(1) .stepChanger {
margin-top: 0px;
}
#step2trigger .stepChanger {
margin-top: 0;
padding-top: 4px;
}
.stepChanger span {
color: #289728;
}
#countrySelect {
padding-top: 10px;
}
#countrySelect select {
float: right;
width: 205px;
}
fieldset#createAccountCheckboxes {
float: right;
margin-left:300px;
width: 565px;
position:relative;
}
form div.checkbox.space {
min-height:0;
bottom:0;
position:absolute;
}
fieldset#createAccountCheckboxes div {
width: 250px;
}
fieldset#createAccountCheckboxes div#termsLinkContainer {
float: right;
}
/* @end */
/* @group devices */
#deviceGrid {
float: left;
width: 100%;
margin: 1em 0 1.5em 0;
}
#deviceGrid div {
border: solid 1px;
width: 188px;
min-height: 200px;
padding-bottom: 50px;
float: left;
position: relative;
border: solid 1px #dbdbdb;
border-bottom: none;
}
#deviceGrid div.left {
clear: left;
border-width: 1px 0;
}
#deviceGrid div.right {
border-width: 1px 0;
}
#deviceGrid div.top {
border-top: none;
}
#deviceGrid .instructionsLink {
margin: 0;
position: absolute;
bottom: 14px;
left: 12px;
}
#deviceGrid div.left .instructionsLink {
left: 0px;
}
#deviceGrid h3 {
font-size: 1em;
margin: 10px 12px 30px
}
#deviceGrid div.left h3 {
margin-left: 0;
}
#deviceGrid div.top h3 {
margin-top: 0;
}
#deviceGrid img {
display: block;
width: 150px;
height: 150px;
margin: auto;
}
#top3devices li {
width: 100%;
float: left;
}
#top3devices img {
float: left;
margin: 0;
}
#top3devices .instructionsLink {
margin-left: 65px;
}
#deviceNav {
margin: 0 0 20px 0;
padding: 0;
width: 100%;
float: left;
list-style: none;
font-size: .917em;
}
#deviceNav li {
float: left;
list-style: none;
margin: 0 2px 0 0;
}
#deviceNav li a { /* has a tweak in dotcom-ie.css */
float: left;
height: 18px;
overflow: hidden;
padding: 6px 12px 0 0;
text-align: center;
}
#deviceNav a i { /* has a tweak in dotcom-ie.css */
float: left;
width: 12px;
height: 24px;
margin-top: -6px;
}
#deviceNav li a:hover {
color: white;
text-decoration: none;
background: url(/static/dotcom/img/bg_devicenav_sprites.png) top right no-repeat;
}
#deviceNav a:hover i {
background: url(/static/dotcom/img/bg_devicenav_sprites.png) top left no-repeat;
}
#deviceNav li.current a {
color: white;
text-decoration: none;
background: url(/static/dotcom/img/bg_devicenav_sprites.png) 100% -24px no-repeat;
}
#deviceNav li.current a i {
background: url(/static/dotcom/img/bg_devicenav_sprites.png) 0 -24px no-repeat;
}
#deviceModalTabs {
float: left;
width: 100%;
min-height: 380px; /* has a fix in dotcom-ie.css */
}
#setupImg {
float: left;
width: 160px;
}
#setupImg .deviceImg {
display: block;
margin: 0 auto 10px auto;
}
#setupImg .buyLink {
text-align: center;
margin-bottom: 50px;
}
#setupImg .signUpBtn {
display: block;
margin: 0 auto 30px auto;
}
#setupText {
float: left;
width: 400px;
margin-bottom: 30px;
}
#setupText ol {
font-size: 1.1667em;
padding-left: 0;
list-style: none;
}
#setupText ol li {
padding-left: 23px;
background: url(/static/dotcom/img/ol_1.png) 0 1px no-repeat;
}
#setupText ol li.ol2 {
background-image: url(/static/dotcom/img/ol_2.png);
}
#setupText ol li.ol3 {
background-image: url(/static/dotcom/img/ol_3.png);
}
#setupText ol li.ol4 {
background-image: url(/static/dotcom/img/ol_4.png);
}
#setupText ol li.ol5 {
background-image: url(/static/dotcom/img/ol_5.png);
}
#setupText ol li.ol6 {
background-image: url(/static/dotcom/img/ol_6.png);
}
#setupText ol li.ol7 {
background-image: url(/static/dotcom/img/ol_7.png);
}
#setupText ol li.ol8 {
background-image: url(/static/dotcom/img/ol_8.png);
}
#setupText ol li.ol9 {
background-image: url(/static/dotcom/img/ol_9.png);
}
#setupText ol li.ol10 {
background-image: url(/static/dotcom/img/ol_10.png);
}
#setupText ol li.ol11 {
background-image: url(/static/dotcom/img/ol_11.png);
}
#setupText ol li.ol12 {
background-image: url(/static/dotcom/img/ol_12.png);
}
#setupText ol li.ol13 {
background-image: url(/static/dotcom/img/ol_13.png);
}
#setupText ol li.ol14 {
background-image: url(/static/dotcom/img/ol_14.png);
}
#setupText ol li.ol15 {
background-image: url(/static/dotcom/img/ol_15.png);
}
#setupText ol ul {
font-size: .8575em;
margin-top: 6px;
padding-left: 0;
list-style: none;
}
#setupText ol li ul li {
list-style: none;
margin-bottom: 7px;
padding-left: 13px;
background: url(/static/dotcom/img/bullet_green_med.png) 0 5px no-repeat !important;
}
#setupDirections h3 {
clear: left;
}
#accessories img.logo {
float: none;
display: block;
margin: 0 auto 0 auto;
}
#accessories .moreLink {
display: block;
}
#setupVideo {
text-align: center;
background: url(/static/dotcom/img/bg_deviceModalVid.png) 0 0 no-repeat !important;
padding-top: 22px;
}
#buyThisDevice img {
display: block;
margin: 45px auto;
}
/* @end */
/* @group inflight services */
div.inflightService {
padding-bottom: 25px;
width: 100%;
float: left;
}
.inflightService img {
float: left;
margin-top: 4px;
}
.inflightService p {
margin-left: 160px;
}
/* @end */
/* @group before you go */
#checklistButtons {
float: right;
width: 173px;
margin-left: 20px;
display: none; /* requires JS, so reveal via JS */
}
#checklistButtons img {
display: block;
margin-bottom: 10px;
cursor: pointer;
}
#preflightChecklist p {
width: 372px;
}
#preflightChecklist div.checkbox img {
float: left;
margin: 0 9px 2px 0;
}
#preflightChecklist label {
width: 535px;
}
#preflightChecklist h3.sectionSeparator {
margin-top: 10px;
}
#preflightChecklist label.userAddedLabel {
width: 410px;
}
#preflightChecklist label.userItemLabel {
width: 410px;
float: left;
padding: 0;
background: transparent url(/static/dotcom/img/cap_bottom_410.png) left bottom no-repeat;
margin: -3px 0 10px 0;
}
#preflightChecklist label.userItemLabel textarea {
width: 390px;
height: 30px;
float: none;
margin: 0;
padding: 5px 13px 5px 7px;
border: 0;
line-height: 1.2;
font-family: Arial, Helvetica, sans-serif;
color: #919191;
font-style: italic;
font-size: 1em;
background: transparent url(/static/dotcom/img/cap_top_410.png) 0 0 no-repeat;
overflow: hidden;
}
#preflightChecklist label.userItemLabel textarea.active {
font-style: normal;
color: #646464;
}
div.extraItem {
height: 0;
}
div.lastPreset {
padding-bottom: 20px;
}
div.itemAdder {
display: none; /* requires JS, so reveal via JS */
}
div.itemAdderInteractive img {
visibility: hidden;
}
a.checklistItemRemover {
float: right;
color: #646464;
margin-right: 3px;
font-size: .917em;
padding-right: 23px;
background: url(/static/dotcom/img/icon_closeX_gray.png) right center no-repeat;
}
button.addToChecklist {
float: right;
width: auto;
height: auto;
margin: -5px 0 0 0;
padding: 0;
background: none;
border: 0;
overflow: visible;
cursor: pointer;
}
button.addToChecklist img {
margin: 0 !important;
padding: 0;
display: block;
visibility: visible;
}
#checkListError {
display: block;
color: red;
padding: 0 0 10px 28px;
}
#preflightChecklistUserNotes {
display: none;
float: right;
width: 270px;
}
#printNotice {
background: #E6F0D0;
border-bottom: solid 1px #B3B3B3;
text-align: center;
padding: 12px 40px;
}
#printLink {
margin-left: 12px;
padding: 1px 4px 1px 22px;
background: url(/static/dotcom/img/icon_printer.png) left center no-repeat;
}
#printNotice .backLink {
float: left;
}
#goodThingsToKnowAboutGogo h4 {
font-size: 0.917em;
margin-bottom: 0;
}
#goodThingsToKnowAboutGogo .sectionSeparator {
border-color: white;
}
#goodThingsToKnowAboutGogo .miniContent ul {
margin-left: 16px;
margin-bottom: 1em;
}
#goodThingsToKnowAboutGogo .miniContent li {
list-style-type: disc;
margin-left: 0;
padding-left: 0;
}
/* @end */
/* @group our fans */
#twitterHeader {
display: block;
margin-bottom: 18px;
}
#twitterFaves, #twitterFaves li {
list-style-type: none;
margin: 0;
padding: 0;
}
#twitterFaves li {
float: left;
width: 100%;
padding: 0;
clear: left;
margin: 0 0 1.5em 0;
}
#twitterFaves li img {
float: left;
margin: 2px 20px 20px 0;
}
#twitterFaves a.permalink {
font-style: italic;
color: #289728;
}
#twitterFaves .tweetText {
display: block;
margin: 5px 0;
}
#twitterFaves .twUser {
font-weight: bold;
font-size: 1.0833em;
color: #646464;
}
#youtubeToggle a.current {
color: #646464;
text-decoration: none !important;
cursor: default;
}
ul.fansFeature, ul.fansFeature li {
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 100%;
}
ul.fansFeature li {
margin-bottom: 18px;
}
ul.fansFeature .meta {
color: #289728;
font-style: italic;
display: block;
margin-top: 5px;
}
ul.youtubeFeature div.youtubeImg {
margin-bottom: 0;
}
ul.fansFeature div.fbImg {
float: left;
width: 50px;
height: 50px;
}
ul.fansFeature div.fbImg img {
display: block;
top: 2px;
}
ul.fansFeature div.fbContent {
margin-left: 65px;
}
/* @end */
/* @group partners */
div.partner {
position: relative;
}
.partner img.partnerIcon {
position: absolute;
top: 0;
left: 0;
}
.partner h3, #partnerInquiry h3 {
margin: 0 0 0 60px;
font-size: 1em;
font-weight: bold;
}
#partnerInquiry h3 {
margin-left: 0;
}
#partnerInquiry .extraStrong {
display: block;
}
.partner p {
margin-left: 60px;
}
form#partnerInquiry span.textareaBox {
display: block;
width: 250px;
height: 89px;
margin: 0;
padding: 0;
background: url(/static/dotcom/img/bg_textarea_250x89.png) 0 0 no-repeat;
}
form#partnerInquiry textarea {
display: inline;
float: none;
margin: 5px 0 0 6px;
border: none;
width: 236px;
height: 76px;
font-family: Arial, sans-serif;
font-size: .917em;
color: #646464;
}
/* @end */
/* @group contact form */
#contactUsIntro {
width: 400px;
}
#contactUsChatBtn {
float: right;
}
div.contactMethodsHeader {
min-height: 0;
padding-top: 15px;
}
.contactMethods label {
width: 60px !important;
margin-right: 5px;
}
form#contactForm span.textareaBox {
display: block;
clear: right;
width: 250px;
height: 344px;
margin: 0;
padding: 0;
background: url(/static/dotcom/img/bg_textarea_250x344.png) 0 0 no-repeat;
}
form#contactForm textarea {
display: inline;
float: none;
margin: 5px 0 0 6px;
border: none;
width: 236px;
height: 330px;
font-family: Arial, sans-serif;
font-size: .917em;
color: #646464;
}
#charCount {
padding: 0;
float: right;
text-align: right;
font-size: 0.917em;
margin-top: -16px;
width: 135px;
padding-right: 6px;
}
h3.contactHeader {
font-weight: bold;
color: #646464;
font-size: 1.0833em;
margin-bottom: 1.25em;
}
#secondary h3.contactHeader {
margin-bottom: 0.5em;
}
/* @end */
/* @group expand+collapse widgets (FAQs & Press Releases) */
h3.expander {
padding-top: 3px;
padding-left: 32px;
background: url(/static/dotcom/img/icons_plusMinus_sprites.png) 0 0 no-repeat;
cursor: pointer;
padding-bottom: 1px;
}
h3.expanded {
background-position: 0 -36px;
}
div.expandTarget {
padding-left: 32px;
padding-bottom: 1em;
border-bottom: solid 1px white;
margin-bottom: 2em;
}
div.expanded {
border-color: #cdcdcd;
}
/* @end */
/* @group faqs */
#faqs div.last {
padding-bottom: 0;
border-bottom: none;
}
#faqs img {
vertical-align: middle;
}
#faqs li {
margin-bottom: .5em;
}
#faqs ul ul, #faqs ul ol, #faqs ol ul, #faqs ol ol {
margin-bottom: 0;
margin-top: .5em;
}
#faqs .figure {
text-align: center;
}
#faqs li div.figure {
padding: .5em 0;
}
/* @end */
/* @group news > press releases */
#pressReleases {
margin-bottom: 1.5em;
}
#pressReleases h3.expander {
font-size: 1em;
line-height: 1.25;
padding: 3px 0 1px 32px;
}
#pressReleases div.expandTarget {
padding-left: 0;
padding-bottom: 0;
margin-bottom: 1em;
}
#pressReleases div.last {
padding-bottom: 0;
border-bottom: none;
}
/* @end */
/* @group news > in the news */
div.newsItem {
float: left;
width: 100%;
margin-bottom: 2.5em;
}
div.newsItem img {
float: left;
margin: 0 1.5em 0 0;
}
/* @end */
/* @group news > multimedia */
#featuredMovie {
margin-top: 20px;
}
#videoThumbs {
clear: left;
width: 100%;
float: left;
margin-bottom: 40px;
}
#videoThumbs div, #videoThumbs img {
float: left;
}
#videoThumbs h2, #videoThumbs p {
display: none;
}
#videoThumbs a {
float: left;
border: solid 3px white;
margin-right: 8px;
}
#videoThumbs a.current {
border-color: #87d303;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#externalVidHeader {
clear: left;
padding-top: 40px;
}
#externalVidHeader {
clear: left;
padding-top: 40px;
}
.externalVideo {
margin-bottom: 20px;
}
/* @end */
/* @group media support */
#presskit h2 {
clear: left;
}
#presskit, #presslogos, #pressvids {
float: left;
width: 100%;
}
ul.presskitItems, ul.presskitItems li {
margin: 0;
padding: 0;
list-style: none;
}
ul.presskitItems li {
clear: left;
}
ul.presskitItems {
float: left;
width: 265px;
margin: 0 18px 24px 0;
}
ul.pdfDownloads li {
margin-bottom: 2px;
line-height: 18px;
}
.pdfDownloads a {
padding: 2px 0 2px 26px;
background: url(/static/dotcom/img/icon_pdf.png) 0 0 no-repeat;
}
#presslogos img {
display: block;
margin-bottom: 3px;
}
#presslogos div.miniContent {
width: 125px;
padding-left: 30px;
margin-bottom: 24px;
}
#presslogos div.first {
text-align: left;
padding-left: 0 !important;
}
ul.pressVids {
margin-bottom: 20px;
}
ul.pressVids img {
float: left;
}
ul.pressVids div.meta {
margin-left: 90px;
}
ul.pressVids li {
margin-bottom: 20px;
}
/* @end */
/* @group gogo business */
form#corporateInquiry span.textareaBox {
display: block;
width: 250px;
height: 328px;
margin: 0;
padding: 0;
background: url(/static/dotcom/img/bg_textarea_250x328.png) 0 0 no-repeat;
}
form#corporateInquiry textarea {
display: inline;
float: none;
margin: 5px 0 0 6px;
border: none;
width: 236px;
height: 315px;
font-family: Arial, sans-serif;
font-size: .917em;
color: #646464;
}
/* @end */
/* @group sitemap */
.siteMapColumn {
float: left;
width: 250px;
padding-right: 15px;
}
/* @end */
/* @group terms of use & privacy policy */
#privacyPolicy, #termsOfUse {
min-height: 660px; /* this has a fix in dotcom-ie.css */
}
/* @end */
/* @group sign in form */
#signInForm:after {
content: ".";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
#signInForm .formSubmit, #forgotPassword .formSubmit, #forgotUsername .formSubmit {
width: 268px; /* works around Firefox bug when cancel button is focused */
}
/* @end */
/* @end */
/* @group sIFR */
/* These are standard sIFR styles... do not modify */
.sIFR-flash {
visibility: visible !important;
margin: 0;
}
.sIFR-replaced {
visibility: visible !important;
}
span.sIFR-alternate {
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
display: block;
overflow: hidden;
}
/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
display: none !important;
}
/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */
.sIFR-hasFlash h1 {
visibility: hidden;
font-size: 20px;
line-height: 24px;
}
.sIFR-hasFlash h2#modalHeader {
visibility: hidden;
font-size: 14px;
line-height: 16px;
}
#iframedModal h2#modalHeader {
visibility: hidden;
font-size: 16px;
line-height: 18px;
}
.sIFR-hasFlash h2.wrappable {
height: 40px !important;
}
.sIFR-hasFlash #lede p {
margin: 0 0 8px 0;
font-size: 20px;
line-height: 29px;
}
.sIFR-hasFlash #createAccountBillboard li { /* this is tweaked for IE6 in dotcom-ie.css */
font-size: 12px;
line-height: 18px;
height: 28px !important;
}
/*IE8 Fix to align return to step1 in payment page*/
.stepChanger {
margin-top/*\**/: 0px\9;
}
/* @group Gogo Video additions */
/* teaser on part. airlines pages */
#videoTeaser {
padding-top: 22px;
}
/* video landing page */
.gogoVideo {
width: 930px;
float: left;
margin: 0 0 30px 0;
}
.gogoVideo .moreLink {
font-weight: bold;
padding: 8px 0;
}
.gogoVideo .moreLink a {
color: #289728;
padding: 1px 23px 1px 0;
background: url(/static/dotcom/img/bg_moreLink.png) right center no-repeat;
}
#videoLede {
float: left;
width: 619px;
min-height: 291px;
background: url(/static/dotcom/img/bg_videoLede.png) 0 0 no-repeat;
}
#systemRequirements {
float: right;
width: 304px;
min-height: 291px;
background: url(/static/dotcom/img/bg_systemRequirements.png) 0 0 no-repeat;
}
#systemRequirementsNotValid {
float: right;
width: 304px;
min-height: 291px;
background: url(/static/dotcom/img/bg_systemRequirements.png) 0 0 no-repeat;
}
#systemRequirements ul {
margin: 60px 0 15px 26px;
line-height: 21px;
}
#systemRequirements #videoInstallBtn {
text-align: center;
padding-top: 233px;
}
#videoLede h2, #systemRequirements h2 {
position: absolute;
margin-left: -99999px;
}
#videoBenefits, #videoOverview {
width: 275px;
float: left;
line-height: 20px;
margin-top: 155px;
}
#videoBenefits ul {
margin: 0 0 2px 0;
padding: 0;
}
#videoOverview p {
margin-bottom: 2px;
}
#videoBenefits li {
list-style-type: none;
background: url(/static/dotcom/img/bullet_green.png) 0 8px no-repeat;
padding-left: 10px;
margin-left: 0;
}
#videoBenefits {
padding: 0 25px;
}
#videoInstallBtn {
margin: 1em 0;
}
#videoCarousel {
width: 930px;
height: 321px;
text-align: center;
}
/* video modal message */
#videoModalH2 {
padding-top: 3px;
font-weight: normal;
font-size: 1.25em;
}
#modalLede {
margin: 1.25em 0;
padding: 1.25em 0;
border: solid 1px #d2d2d2;
border-width: 1px 0;
line-height: 20px;
}
ol.stepByStepInstructions {
font-size: 1.1667em;
padding-left: 0;
list-style: none;
}
ol.stepByStepInstructions li {
padding-left: 23px;
background: url(/static/dotcom/img/ol_1.png) 0 1px no-repeat;
}
ol.stepByStepInstructions li.ol2 {
background-image: url(/static/dotcom/img/ol_2.png);
}
ol.stepByStepInstructions li.ol3 {
background-image: url(/static/dotcom/img/ol_3.png);
}
ol.stepByStepInstructions li.ol4 {
background-image: url(/static/dotcom/img/ol_4.png);
}
ol.stepByStepInstructions li.ol5 {
background-image: url(/static/dotcom/img/ol_5.png);
}
ol.stepByStepInstructions li {
margin-bottom: 7px;
}
ol.stepByStepInstructions ul {
font-size: .8575em;
margin-top: 6px;
padding-left: 0;
list-style: none;
margin-bottom: 0;
}
ol.stepByStepInstructions li ul li {
list-style: none;
margin-bottom: 7px;
padding-left: 13px;
background: url(/static/dotcom/img/bullet_green_med.png) 0 5px no-repeat !important;
}
#enterpriseConfirmation {
display: none;
}
/* @Enterprise Footer start */
#enterpriseFooter {
background: url(/static/dotcom/img/Enterprise/Enterprise_footer.gif) center top no-repeat;
width: 100%;
padding: 40px 0 10px 0;
margin: 0 0;
clear: both !important;
}
#enterpriseLegal {
float: left;
width: 400px;
margin: 0 0 0 40px;
}
#enterpriseFooter ul {
float: right;
list-style-type: none;
padding: 0 20px 0 0;
text-align: right;
width: 400px;
}
#enterpriseFooter li {
border-left: 1px solid #4c4c4c;
display: inline;
margin: 0 0 0 7px;
padding: 0 0 0 9px;
text-align: right;
}
#enterpriseFooter li.first {
border: medium none;
margin-left: 0;
padding-left: 0;
}
#enterpriseFooter a {
color: #4C4C4C;
}
#enterpriseFooter a:hover, #enterpriseFooter a:active {
text-decoration: none;
}
/* @Enterprise Footer end */
/* CR Pricing page */
span.someName {
clear: right;
float: right;
margin: 0 0 10px 0;
width: 130px;
color: #92CD2E;
text-align: right;
}
#emailErrorDiv, #usrNameErrorDiv {
display:none;
}
div.topCap700 {
background-image:url("/static/dotcom/img/cap_top_700.png");
width: 700px;
}
/* Newly added for the new signIn signUp page */
#newOrdersummary {
float: left;
clear: none;
width: 270px;
padding: 5px 0 0 0;
margin: 0;
}
div#radioNew {
width: 490px;
float: left;
}
#apDiv1 {
height:99px;
left:0;
position:absolute;
top:-23px;
width:143px;
z-index:1;
}
div#radioNew div.radio input {
background:white none repeat scroll 0 0;
float:left;
margin:0 5px 0 0;
padding:0;
width:auto;
}
form div.radio label.radioFork {
color: #707276;
font-size:1.5em;
font-weight:normal;
line-height:1;
padding:0 0 4px 0;
}
form div.radio div.formHelp {
float:left;
margin:0;
padding:0 0 0 18px;
width:500px;
}
#createAccountNew div.formSubmit, form div.formSubmit {
padding-bottom:0;
text-align:right;
clear: both;
}
.emoticon {
float: left;
width: 250px;
}
#orderSummary {
background:url("/static/dotcom/img/bg_ordersummary_bottom.png") no-repeat scroll center bottom transparent;
float:left;
margin-bottom:18px;
min-height:100px;
padding-bottom:15px;
width:300px;
}
#purchasePrimary {
background:url("/static/dotcom/img/cap_top_700.png") no-repeat scroll 0 0 transparent;
width:700px;
}
#orderSummary h2 {
background:url("/static/dotcom/img/bg_ordersummary_top.png") no-repeat scroll 0 0 transparent;
font-size:1.5em;
line-height:1.5;
margin-bottom:6px;
padding:9px 15px;
}
#orderSummary table {
margin:0 auto 10px;
width:273px;
}
#orderSummary tr.discount td, #orderSummary tr.discount th {
border-bottom:2px solid #D7EFB0;
color:#227F22;
padding-bottom:3px;
}
#orderSummary th {
font-weight:normal;
padding:1px 0 1px 95px;
text-align:left;
}
#orderSummary tr.total td {
background-position:left bottom;
}
#orderSummary tr.total td, #orderSummary tr.total th {
background-image:url("/static/dotcom/img/bg_orderSummary_total.png");
background-repeat:no-repeat;
padding-bottom:6px;
padding-top:10px;
vertical-align:bottom;
}
#orderSummary td {
font-weight:bold;
padding:1px 0;
text-align:right;
width:75px;
}
#orderSummary tr.total th {
background-position:right bottom;
font-weight:bold;
}
form#paymentInfo div.radio label.radioFork {
color:#707276;
font-size:1.5em;
font-weight:normal;
line-height:1;
padding:0 0 10px;
width: 100%;
}
form#paymentInfo div.radio div.formHelp {
float:left;
margin:0;
padding:0;
width:500px;
line-height:1.4em;
}
h2.trigger {
margin: 0 0 5px 0;
background: url(/static/dotcom/img/h2_trigger2_a.png) no-repeat;
height: 12px;
line-height: 12px;
width: 110px;
font-size: 2em;
font-weight: normal;
float: left;
display:inline;
cursor:pointer
}
h2.triggerM {
margin: 0 0 5px 0;
background: url(/static/dotcom/img/h2_triggerM_a.png) no-repeat;
height: 12px;
line-height: 12px;
width: 140px;
font-size: 2em;
font-weight: normal;
float: left;
display:inline;
cursor:pointer
}
h2.active {
background-position: left bottom;
}
.toggle_container {
margin: 5px 0 5px;
border-top: 1px solid #d6d6d6;
overflow: hidden;
width: 129px;
clear: both;
background-color: #FFFFFF;
}
.toggle_container .block {
padding: 20px;
}
.container {
width: 129px;
float:left;
position:relative;
display:inline;
margin-top: 0;
margin-right: 0;
margin-bottom: 0;
margin-left: 26px;
}
*:first-child+html fieldset#createAccountCheckboxes {
float:right;
margin-left:300px;
margin-top:-40px;
position:relative;
width:565px;
}
*:first-child+html fieldset.formCol3 {
float:right;
height:285px;
}
*:first-child+html fieldset.formCol4 {
float:right;
height:auto;
}
.toggle_container {
margin: 5px 0 5px;
border-top: 1px solid #d6d6d6;
overflow: hidden;
width: 129px;
clear: both;
background-color: #FFFFFF;
}
.toggle_container .block {
padding: 20px;
}
.toggle_container .block p {
font-size:11px;
line-height:14px;
margin:-15px 0 0 -18px;
width:129px;
text-align:left;
}
.buyBtn {
margin:15px 0 0 0
}
.passType {
float:left;
position:relative;
width:372px;
height:10px
}
.passCol {
float:left;
position:relative;
width:350px;
padding-right:10px;
}
.passColTrp {
float:left;
position:relative;
width:350px;
height:150px;
padding-right:10px;
}
.passColDbl {
float:left;
position:relative;
width:350px;
height:135px;
padding-right:10px;
}
.passIcon {
float:left;
position:relative;
width:80px
}
.passTitle {
color:#000000;
font-size:20px;
margin-left:90px;
margin-bottom:0;
font-weight:normal;
padding-bottom:7px
}
.passInflight {
float:left;
position:relative;
width:129px
}
.passInflight p {
text-align:left;
color:#92cd2e;
font-weight:bold;
border-bottom:1px solid #92cd2e;
line-height:14px
}
.passBuyNow {
float:left;
position:relative;
width:129px;
margin-left:15px;
display:inline
}
.passBuyNow p {
text-align:left;
color:#00b5cc;
font-weight:bold;
border-bottom:1px solid #00b5cc;
line-height:14px
}
.passDescription {
font-size:12px;
margin-left:90px
}
.price-wrap {
float:left;
position:relative;
width:100%;
border-bottom:1px solid #cdcdcd;
padding-bottom:20px;
margin-bottom:20px;
min-height:90px;
vertical-align:baseline
}
.priceBox {
float:left;
position:relative;
width:280px;
margin:0 0 10px 0
}
.priceCol {
float:left;
position:relative;
width:120px;
margin-left:12px;
display:inline
}
.priceColDesc {
float:left;
position:relative;
width:120px;
margin-left:0;
display:inline;
margin-top: -3px;
}
.priceColBuy {
float:left;
position:relative;
width:120px;
margin-left:0;
display:inline
}
/* START/overwrite these existing styles on GGI.com prod */
.price span {
font-size: .6667em;
position: relative;
top: -12px;
}
.priceInfo span.priceOption {
float: left;
width: 115px;
color: #848484;
margin-left:26px;
font-size:11px;
line-height:14px;
display:inline
}
.price {
float: left;
color: #92cd2e;
font-size: 4em;
white-space: nowrap;
width: 130px;
text-align: left;
line-height: 36px;
position: relative;
}
#secondary div#airlinesNavTopCap {
background:url("/static/dotcom/img/cap_top_300_new.png") no-repeat scroll 0 0 transparent;
}
.unlimitedPlans #primary{
width:700px;
}
.unlimitedPlans #secondary{
width:205px;
}
/* END/overwrite these existing styles on GGI.com prod End of pricing styles */
/* @end */