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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
background: transparent;
}
:focus {
outline: 0;
}
body {
line-height: 1;
color: black;
background: white;
}
ol, ul {
list-style: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}body {
font-size: 14px;
line-height: 1.357em; /* 19px */
font-family: Helvetica, Arial, sans-serif;
}
p {
font-size: 1em; /* 14px */
line-height: 1.357em;
margin: 0 0 1.357em 0;
color: #2C2C2C;
}
ul,
ol {
margin: 0 0 1.357em 0;
color: #2C2C2C;
}
.contentTable {
margin: 0 0 1.357em 0;
}
.contentTable td {
padding: 0 20px;
}
p.small {
font-size: 0.786em; /* 11px */
line-height: 1.727em;
margin-bottom: 1.727em;
color: #999;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
a {
color: #0181E3;
}
a:hover {
color: #3a9eeb;
}
a:visited {
color: #62a8f0;
}
/* Headings */
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}
h1 {
font-size: 2.462em; /* 32px */
line-height: 1.19em;
margin-bottom: 15px;
letter-spacing: -0.03em;
color: #525252;
}
h1.products {
color: #afb4b4;
margin: 22px 0 0 0;
line-height: 100%;
}
h2 {
font-size: 1.286em; /* 18px */
line-height: 1.056em; /* 19(px) : 18(px) = 1.056(em) */
padding: 9px 0 10px 0; /* was margin: 9px 0 10px 0; but changed beacuse of 19px + 9px case */
color: #2C2C2C;
}
h2.products {
padding: 0 0 10px 0;
line-height: 100%;
}
h3, h4, h5, h6 {
/* font-family: "Lucida Grande", Calibri, Verdana, Geneva, Tahoma, sans-serif; */
font-size: 1em; /* 14px */
line-height: 1.357em;
margin: 0;
color: black;
}
sup {
font-size: 0.65em;
vertical-align: super;
line-height: 0.65em;
}
sub {
font-size: 0.85em;
vertical-align: sub;
}
.floatl {
float: left;
}
.floatr {
float: right;
}
.clearer {
clear: both;
font: 1px/1px monospace;
height: 1px;
width: 1px;
}
.clear {
clear: both;
}
div.clear {
clear: both;
overflow: hidden;
}
div.clearLine {
clear: both;
height: 19px;
}
div.clearLineLeft {
clear: left;
height: 19px;
}
div.clearLineRight {
clear: right;
height: 19px;
}/* Grid spliting and containers */
#container {
width: 960px;
margin: 0 auto;
overflow: hidden;
}
/* Grid for pages with a sidebar: 700 content + 240 sideabar */
#container.sidebar {
background: url(/i/images/backgrounds/sidebar_end.png) no-repeat 689px bottom;
margin-bottom: 30px;
}
#container #content {
padding: 0;
}
#container #content.wide {
padding: 45px 0;
}
#container.noCloud {
margin-top: 0 !important;
}
#container.sidebar.noSubmenu {
margin-top: 30px !important;
}
div.default {
margin: 30px auto 0 auto !important;
}
#container.sidebar #content {
width: 720px;
float: left;
background: url(/i/images/backgrounds/sidebar_begin.png) no-repeat 689px top;
padding: 0;
}
#container.sidebar #sidebar {
width: 240px;
float: right;
}
#content #paddedContent { /* So we can have backgrounds outside the 20px left margin */
padding: 0 30px 0 0; /* was 0 30px 0 10px before */
}
#paddedContent .contentSplit {
overflow: visible;
clear: both;
}
#paddedContent .contentSplit .leftColumn,
#paddedContent .contentSplit .rightColumn {
width: 335px;
overflow: visible;
}
#paddedContent .contentSplit .leftColumn {
float: left;
padding-left: 5px;
margin-left: -5px;
}
#paddedContent .contentSplit .rightColumn {
float: right;
padding-left: 5px;
margin-left: -5px;
}
#paddedContent .contentSplit .leftQuarter,
#paddedContent .contentSplit .rightQuarter {
width: 160px;
}
#paddedContent .contentSplit .leftQuarter {
float: left;
}
#paddedContent .contentSplit .rightQuarter {
float: right;
}
#paddedContent .thirdsColumnsLeft {
width: 215px;
float: left;
display: inline;
padding-left: 5px;
margin-left: -5px;
}
#paddedContent .thirdsColumnsRight {
width: 220px;
float: right;
display: inline;
}
#paddedContent .wide {
width: 455px !important;
padding-left: 5px;
margin-left: -5px;
}
#sidebarIllustration {
position: relative;
width: 270px;
left: 50%;
margin-left: 207px;
text-align: right;
z-index: 9;
margin-top: -31px;
margin-bottom: -31px;
height: 70px;
}
body.noSubmenu #sidebarIllustration {
position: relative;
width: 270px;
left: 50%;
margin-left: 207px;
text-align: right;
z-index: 9;
margin-top: 0;
margin-bottom: -31px;
height: 70px;
}
div.fourColumnSplit {
overflow: hidden;
width: 100%;
}
div.fourColumnSplit div.column {
float: left;
width: 172px;
}
div.threeColumnSplit {
overflow: hidden;
width: 100%;
}
div.threeColumnSplit div.column {
float: left;
width: 230px;
}
div.threeColumnSplit div.column p.columnIcon {
height: 100px;
margin: 0;
padding: 0;
text-align: center;
}
div.threeColumnSplit div.column p.columnIcon.high {
height: 120px;
}
div.threeColumnSplit div.column p.columnIcon img {
margin-left: -5px;
}
div.threeColumnSplit div.column p.columnIcon img.noMargin {
margin-left: 0;
}
/* Development grip */
div#grid {
background: url(/i/images/backgrounds/_grid.png);
position: absolute;
top: 5px;
left: 0;
width: 100%;
height: 100%;
}/* Grid containers */
.gridContainer {
width: 100%;
min-width:980px;
}
/* Grid rows */
.gridRow {
overflow: hidden; /* float fix */
width: 960px;
padding: 0 10px 0 10px;
margin: 0 auto;
}
/* Grid columns */
.gridCol1,.gridCol2,.gridCol3,
.gridCol4,.gridCol5,.gridCol6,
.gridCol7,.gridCol8,.gridCol9,
.gridCol10,.gridCol11,.gridCol12 {
float: left;
display: inline;
margin: 0 10px;
min-height: 1px;
}
html.rtl .gridCol1,html.rtl .gridCol2,html.rtl .gridCol3,
html.rtl .gridCol4,html.rtl .gridCol5,html.rtl .gridCol6,
html.rtl .gridCol7,html.rtl .gridCol8,html.rtl .gridCol9,
html.rtl .gridCol10,html.rtl .gridCol11,html.rtl .gridCol12 {
float: right;
}
.gridCol1 {
width: 60px;
}
.gridCol2 {
width: 140px;
}
.gridCol3 {
width: 220px;
}
.gridCol4 {
width: 300px;
}
.gridCol5 {
width: 380px;
}
.gridCol6 {
width: 460px;
}
.gridCol7 {
width: 540px;
}
.gridCol8 {
width: 620px;
}
.gridCol9 {
width: 700px;
}
.gridCol10 {
width: 780px;
}
.gridCol11 {
width: 860px;
}
.gridCol12 {
width: 940px;
}
/* Development grid */
#grid {
background: url("/i/images/backgrounds/_grid_turbo.png") repeat-y ;
width: 980px;
position: absolute;
top: 0;
left: 50%;
margin-left: -490px;
}
#grid div.horiz {
height: 20px;
border-bottom: 1px dotted #aaa;
margin: 0;
padding: 0;
}
.buttonSample {
padding: 0 20px 20px 20px;
}
.inverted {
background: #303030;
}
.buttonSample.inverted.blue {
background: #00aff0;
}.flag {
display: block;
float: left;
width: 16px;
height: 11px;
line-height: 11px;
font: 1px monospace;
background-image: url(/i/images/flags/flags_matrix.png);
margin: 2px 4px 2px 0;
}
/* experimental img version */
img.flag {
display: inline;
float: none;
width: 16px;
height: 11px;
font: 1px monospace;
background-image: url(/i/images/flags/flags_matrix.png);
margin: 0;
}
.inText {
margin-left: 10px;
}
* html .inText {
margin-top: 4px;
}
.flag.AD { background-position:-16px -44px; }
.flag.AE { background-position:-16px -55px; }
.flag.AF { background-position:-16px -66px; }
.flag.AG { background-position:-16px -77px; }
.flag.AI { background-position:-16px -99px; }
.flag.AL { background-position:-16px -132px; }
.flag.AM { background-position:-16px -143px; }
.flag.AN { background-position:-16px -154px; }
.flag.AO { background-position:-16px -165px; }
.flag.AQ { background-position:-16px -187px; }
.flag.AR { background-position:-16px -198px; }
.flag.AS { background-position:-16px -209px; }
.flag.AT { background-position:-16px -220px; }
.flag.AU { background-position:-16px -231px; }
.flag.AW { background-position:-16px -253px; }
.flag.AX { background-position:-16px -264px; }
.flag.AZ { background-position:-16px -286px; }
.flag.BA { background-position:-32px -11px; }
.flag.BB { background-position:-32px -22px; }
.flag.BD { background-position:-32px -44px; }
.flag.BE { background-position:-32px -55px; }
.flag.BF { background-position:-32px -66px; }
.flag.BG { background-position:-32px -77px; }
.flag.BH { background-position:-32px -88px; }
.flag.BI { background-position:-32px -99px; }
.flag.BJ { background-position:-32px -110px; }
.flag.BM { background-position:-32px -143px; }
.flag.BN { background-position:-32px -154px; }
.flag.BO { background-position:-32px -165px; }
.flag.BR { background-position:-32px -198px; }
.flag.BS { background-position:-32px -209px; }
.flag.BT { background-position:-32px -220px; }
.flag.BV { background-position:-32px -242px; }
.flag.BW { background-position:-32px -253px; }
.flag.BY { background-position:-32px -275px; }
.flag.BZ { background-position:-32px -286px; }
.flag.CA { background-position:-48px -11px; }
.flag.CC { background-position:-48px -33px; }
.flag.CD { background-position:-48px -44px; }
.flag.CF { background-position:-48px -66px; }
.flag.CG { background-position:-48px -77px; }
.flag.CH { background-position:-48px -88px; }
.flag.CI { background-position:-48px -99px; }
.flag.CK { background-position:-48px -121px; }
.flag.CL { background-position:-48px -132px; }
.flag.CM { background-position:-48px -143px; }
.flag.CN { background-position:-48px -154px; }
.flag.CO { background-position:-48px -165px; }
.flag.CR { background-position:-48px -198px; }
.flag.CS { background-position:-48px -209px; }
.flag.CU { background-position:-48px -231px; }
.flag.CV { background-position:-48px -242px; }
.flag.CX { background-position:-48px -264px; }
.flag.CY { background-position:-48px -275px; }
.flag.CZ { background-position:-48px -286px; }
.flag.DE { background-position:-64px -55px; }
.flag.DJ { background-position:-64px -110px; }
.flag.DK { background-position:-64px -121px; }
.flag.DM { background-position:-64px -143px; }
.flag.DO { background-position:-64px -165px; }
.flag.DZ { background-position:-64px -286px; }
.flag.EC { background-position:-80px -33px; }
.flag.EE { background-position:-80px -55px; }
.flag.EG { background-position:-80px -77px; }
.flag.EH { background-position:-80px -88px; }
.flag.ER { background-position:-80px -198px; }
.flag.ES { background-position:-80px -209px; }
.flag.ET { background-position:-80px -220px; }
.flag.EU { background-position:-80px -231px; }
.flag.FI { background-position:-96px -99px; }
.flag.FJ { background-position:-96px -110px; }
.flag.FK { background-position:-96px -121px; }
.flag.FM { background-position:-96px -143px; }
.flag.FO { background-position:-96px -165px; }
.flag.FR { background-position:-96px -198px; }
.flag.GA { background-position:-112px -11px; }
.flag.GB { background-position:-112px -22px; }
.flag.GD { background-position:-112px -44px; }
.flag.GE { background-position:-112px -55px; }
.flag.GF { background-position:-112px -66px; }
.flag.GH { background-position:-112px -88px; }
.flag.GI { background-position:-112px -99px; }
.flag.GL { background-position:-112px -132px; }
.flag.GM { background-position:-112px -143px; }
.flag.GN { background-position:-112px -154px; }
.flag.GP { background-position:-112px -176px; }
.flag.GQ { background-position:-112px -187px; }
.flag.GR { background-position:-112px -198px; }
.flag.GS { background-position:-112px -209px; }
.flag.GT { background-position:-112px -220px; }
.flag.GU { background-position:-112px -231px; }
.flag.GW { background-position:-112px -253px; }
.flag.GY { background-position:-112px -275px; }
.flag.HK { background-position:-128px -121px; }
.flag.HM { background-position:-128px -143px; }
.flag.HN { background-position:-128px -154px; }
.flag.HR { background-position:-128px -198px; }
.flag.HT { background-position:-128px -220px; }
.flag.HU { background-position:-128px -231px; }
.flag.ID { background-position:-144px -44px; }
.flag.IE { background-position:-144px -55px; }
.flag.IL { background-position:-144px -132px; }
.flag.IN { background-position:-144px -154px; }
.flag.IO { background-position:-144px -165px; }
.flag.IQ { background-position:-144px -187px; }
.flag.IR { background-position:-144px -198px; }
.flag.IS { background-position:-144px -209px; }
.flag.IT { background-position:-144px -220px; }
.flag.JM { background-position:-160px -143px; }
.flag.JO { background-position:-160px -165px; }
.flag.JP { background-position:-160px -176px; }
.flag.KE { background-position:-176px -55px; }
.flag.KG { background-position:-176px -77px; }
.flag.KH { background-position:-176px -88px; }
.flag.KI { background-position:-176px -99px; }
.flag.KM { background-position:-176px -143px; }
.flag.KN { background-position:-176px -154px; }
.flag.KP { background-position:-176px -176px; }
.flag.KR { background-position:-176px -198px; }
.flag.KW { background-position:-176px -253px; }
.flag.KY { background-position:-176px -275px; }
.flag.KZ { background-position:-176px -286px; }
.flag.LA { background-position:-192px -11px; }
.flag.LB { background-position:-192px -22px; }
.flag.LC { background-position:-192px -33px; }
.flag.LI { background-position:-192px -99px; }
.flag.LK { background-position:-192px -121px; }
.flag.LR { background-position:-192px -198px; }
.flag.LS { background-position:-192px -209px; }
.flag.LT { background-position:-192px -220px; }
.flag.LU { background-position:-192px -231px; }
.flag.LV { background-position:-192px -242px; }
.flag.LY { background-position:-192px -275px; }
.flag.MA { background-position:-208px -11px; }
.flag.MC { background-position:-208px -33px; }
.flag.MD { background-position:-208px -44px; }
.flag.ME { background-position:-208px -55px; }
.flag.MG { background-position:-208px -77px; }
.flag.MH { background-position:-208px -88px; }
.flag.MK { background-position:-208px -121px; }
.flag.ML { background-position:-208px -132px; }
.flag.MM { background-position:-208px -143px; }
.flag.MN { background-position:-208px -154px; }
.flag.MO { background-position:-208px -165px; }
.flag.MP { background-position:-208px -176px; }
.flag.MQ { background-position:-208px -187px; }
.flag.MR { background-position:-208px -198px; }
.flag.MS { background-position:-208px -209px; }
.flag.MT { background-position:-208px -220px; }
.flag.MU { background-position:-208px -231px; }
.flag.MV { background-position:-208px -242px; }
.flag.MW { background-position:-208px -253px; }
.flag.MX { background-position:-208px -264px; }
.flag.MY { background-position:-208px -275px; }
.flag.MZ { background-position:-208px -286px; }
.flag.NA { background-position:-224px -11px; }
.flag.NC { background-position:-224px -33px; }
.flag.NE { background-position:-224px -55px; }
.flag.NF { background-position:-224px -66px; }
.flag.NG { background-position:-224px -77px; }
.flag.NI { background-position:-224px -99px; }
.flag.NL { background-position:-224px -132px; }
.flag.NO { background-position:-224px -165px; }
.flag.NP { background-position:-224px -176px; }
.flag.NR { background-position:-224px -198px; }
.flag.NU { background-position:-224px -231px; }
.flag.NZ { background-position:-224px -286px; }
.flag.OM { background-position:-240px -143px; }
.flag.PA { background-position:-256px -11px; }
.flag.PE { background-position:-256px -55px; }
.flag.PF { background-position:-256px -66px; }
.flag.PG { background-position:-256px -77px; }
.flag.PH { background-position:-256px -88px; }
.flag.PK { background-position:-256px -121px; }
.flag.PL { background-position:-256px -132px; }
.flag.PM { background-position:-256px -143px; }
.flag.PN { background-position:-256px -154px; }
.flag.PR { background-position:-256px -198px; }
.flag.PS { background-position:-256px -209px; }
.flag.PT { background-position:-256px -220px; }
.flag.PW { background-position:-256px -253px; }
.flag.PY { background-position:-256px -275px; }
.flag.QA { background-position:-272px -11px; }
.flag.RE { background-position:-288px -55px; }
.flag.RO { background-position:-288px -165px; }
.flag.RS { background-position:-288px -209px; }
.flag.RU { background-position:-288px -231px; }
.flag.RW { background-position:-288px -253px; }
.flag.SA { background-position:-304px -11px; }
.flag.SB { background-position:-304px -22px; }
.flag.SC { background-position:-304px -33px; }
.flag.SD { background-position:-304px -44px; }
.flag.SE { background-position:-304px -55px; }
.flag.SG { background-position:-304px -77px; }
.flag.SH { background-position:-304px -88px; }
.flag.SI { background-position:-304px -99px; }
.flag.SJ { background-position:-304px -110px; }
.flag.SK { background-position:-304px -121px; }
.flag.SL { background-position:-304px -132px; }
.flag.SM { background-position:-304px -143px; }
.flag.SN { background-position:-304px -154px; }
.flag.SO { background-position:-304px -165px; }
.flag.SR { background-position:-304px -198px; }
.flag.SS { background-position:-304px -209px; }
.flag.ST { background-position:-304px -220px; }
.flag.SV { background-position:-304px -242px; }
.flag.SY { background-position:-304px -275px; }
.flag.SZ { background-position:-304px -286px; }
.flag.TC { background-position:-320px -33px; }
.flag.TD { background-position:-320px -44px; }
.flag.TF { background-position:-320px -66px; }
.flag.TG { background-position:-320px -77px; }
.flag.TH { background-position:-320px -88px; }
.flag.TJ { background-position:-320px -110px; }
.flag.TK { background-position:-320px -121px; }
.flag.TL { background-position:-320px -132px; }
.flag.TM { background-position:-320px -143px; }
.flag.TN { background-position:-320px -154px; }
.flag.TO { background-position:-320px -165px; }
.flag.TR { background-position:-320px -198px; }
.flag.TT { background-position:-320px -220px; }
.flag.TV { background-position:-320px -242px; }
.flag.TW { background-position:-320px -253px; }
.flag.TZ { background-position:-320px -286px; }
.flag.UA { background-position:-336px -11px; }
.flag.UG { background-position:-336px -77px; }
.flag.UM { background-position:-336px -143px; }
.flag.US { background-position:-336px -209px; }
.flag.UY { background-position:-336px -275px; }
.flag.UZ { background-position:-336px -286px; }
.flag.VA { background-position:-352px -11px; }
.flag.VC { background-position:-352px -33px; }
.flag.VE { background-position:-352px -55px; }
.flag.VG { background-position:-352px -77px; }
.flag.VI { background-position:-352px -99px; }
.flag.VN { background-position:-352px -154px; }
.flag.VU { background-position:-352px -231px; }
.flag.WF { background-position:-368px -66px; }
.flag.WS { background-position:-368px -209px; }
.flag.YE { background-position:-400px -55px; }
.flag.YT { background-position:-400px -220px; }
.flag.ZA { background-position:-416px -11px; }
.flag.ZM { background-position:-416px -143px; }
.flag.ZW { background-position:-416px -253px; }
/* Flags for currency */
.flag.AUD { background-position:-16px -231px; }
.flag.BRL { background-position:-32px -198px; }
.flag.CAD { background-position:-48px -11px; }
.flag.CHF { background-position:-48px -88px; }
.flag.CLP { background-position:-48px -132px; }
.flag.CNY { background-position:-48px -154px; }
.flag.DKK { background-position:-64px -121px; }
.flag.EEK { background-position:-80px -55px; }
.flag.EUR { background-position:-80px -231px; }
.flag.GBP { background-position:-112px -22px; }
.flag.HKD { background-position:-128px -121px; }
.flag.JPY { background-position:-160px -176px; }
.flag.KRW { background-position:-176px -198px; }
.flag.NOK { background-position:-224px -165px; }
.flag.NZD { background-position:-224px -286px; }
.flag.PLN { background-position:-256px -132px; }
.flag.RON { background-position:-288px -165px; }
.flag.RUB { background-position:-288px -231px; }
.flag.SEK { background-position:-304px -55px; }
.flag.SGD { background-position:-304px -77px; }
.flag.TWD { background-position:-320px -253px; }
.flag.USD { background-position:-336px -209px; }div.downloadButtons {
margin-top: 15px;
width: 100%;
}
/* Big button */
span.button a {
height: 32px;
font: bold 18px/32px Helvetica, Arial, sans-serif;
text-decoration: none;
float: left;
display: block;
overflow: hidden;
padding: 0;
}
span.button a span {
display: block;
white-space: nowrap;
padding: 5px 12px 5px 0;
line-height: 23px;
cursor: pointer;
}
/* Small button */
span.buttonSmall a {
height: 22px;
font: bold 14px/22px Helvetica, Arial, sans-serif;
text-decoration: none;
float: left;
display: block;
overflow: hidden;
padding: 0;
}
span.buttonSmall a span {
display: block;
white-space: nowrap;
padding: 0px 11px 0 0;
line-height: 24px;
cursor: pointer;
}
* html span.buttonSmall a span {
line-height: 22px;
}
/* Blue */
span.button a.blue {
background: #42B2F5;
color: #fff;
padding: 0 0 0 12px;
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_left.png) left top no-repeat;
}
span.button a.blue:hover {
padding: 0 0 0 12px;
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_left.png) 0 -32px no-repeat;
}
span.button a.blue span {
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_right.png) right top no-repeat;
}
span.button a.blue:hover span {
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_right.png) right -32px no-repeat;
}
span.button a.blue.skypeCredit {
padding: 0 0 0 40px;
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_credit_left.png) left top no-repeat;
}
span.button a.blue.skypeCredit:hover {
padding: 0 0 0 40px;
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_credit_left.png) 0 -32px no-repeat;
}
span.button a.blue.shop {
padding: 0 0 0 40px;
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_shop_left.png) left top no-repeat;
}
span.button a.blue.shop:hover {
padding: 0 0 0 40px;
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_shop_left.png) 0 -32px no-repeat;
}
span.button a.blue.logitechWebcam {
padding: 0 0 0 40px;
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_logitechwebcam_left.png) left top no-repeat;
}
span.button a.blue.logitechWebcam:hover {
padding: 0 0 0 40px;
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_logitechwebcam_left.png) 0 -32px no-repeat;
}
span.button a.blue.freeCall {
padding: 0 0 0 40px;
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_call_left.png) no-repeat scroll left top;
}
span.button a.blue.freeCall:hover {
padding: 0 0 0 40px;
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_call_left.png) 0 -32px no-repeat;
}
span.button a.blue.skypeToGo {
padding: 0 0 0 40px;
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_togo_left.png) left top no-repeat;
}
span.button a.blue.skypeToGo:hover {
padding: 0 0 0 40px;
background: #42B2F5 url(/i/images/buttons/blue/blue_comp_togo_left.png) 0 -32px no-repeat;
}
/* Blue small */
span.buttonSmall a.blue {
background: #42B2F5 url(/i/images/buttons/blue/blue_small_comp_left.png) left top no-repeat;
padding-left: 11px;
color: #FFFFFF;
}
span.buttonSmall a.blue:hover {
background: #42B2F5 url(/i/images/buttons/blue/blue_small_comp_left.png) left -22px no-repeat;
padding-left: 11px;
}
span.buttonSmall a.blue span {
background: #42B2F5 url(/i/images/buttons/blue/blue_small_comp_right.png) right top no-repeat;
}
span.buttonSmall a.blue:hover span {
background: #42B2F5 url(/i/images/buttons/blue/blue_small_comp_right.png) right -22px no-repeat;
}
span.buttonSmall a.blue.skypeCredit {
padding: 0 0 0 32px;
background: #42B2F5 url(/i/images/buttons/blue/blue_small_comp_credit_left.png) left top no-repeat;
}
span.buttonSmall a.blue.skypeCredit:hover {
padding: 0 0 0 32px;
background: #42B2F5 url(/i/images/buttons/blue/blue_small_comp_credit_left.png) left -22px no-repeat;
}
span.buttonSmall a.blue.skypeOnlineNr {
padding: 0 0 0 32px;
background: #42B2F5 url(/i/images/buttons/blue/blue_small_comp_onlinenr_left.png) left top no-repeat;
}
span.buttonSmall a.blue.skypeOnlineNr:hover {
padding: 0 0 0 32px;
background: #42B2F5 url(/i/images/buttons/blue/blue_small_comp_onlinenr_left.png) left -22px no-repeat;
}
span.buttonSmall a.blue.skypeVoicemail {
padding: 0 0 0 32px;
background: #42B2F5 url(/i/images/buttons/blue/blue_small_comp_voicemail_left.png) left top no-repeat;
}
span.buttonSmall a.blue.skypeVoicemail:hover {
padding: 0 0 0 32px;
background: #42B2F5 url(/i/images/buttons/blue/blue_small_comp_voicemail_left.png) left -22px no-repeat;
}
span.buttonSmall a.blue.shop {
padding: 0 0 0 32px;
background: #42B2F5 url(/i/images/buttons/blue/blue_small_comp_cart_left.png) left top no-repeat;
}
span.buttonSmall a.blue.shop:hover {
padding: 0 0 0 32px;
background: #42B2F5 url(/i/images/buttons/blue/blue_small_comp_cart_left.png) left -22px no-repeat;
}
/* Yellow */
span.button a.yellow {
color: #545454;
padding: 0 0 0 12px;
background: #FFCD00 url(/i/images/buttons/yellow/yellow_comp_left.png) left top no-repeat;
}
span.button a.yellow:hover {
padding: 0 0 0 12px;
background: #FFCD00 url(/i/images/buttons/yellow/yellow_comp_left.png) left -32px no-repeat;
}
span.button a.yellow span {
background: #FFCD00 url(/i/images/buttons/yellow/yellow_comp_right.png) right top no-repeat;
}
span.button a.yellow:hover span {
background: #FFCD00 url(/i/images/buttons/yellow/yellow_comp_right.png) right -32px no-repeat;
}
span.button a.yellow.skypePro {
padding: 0 0 0 40px;
background: #FFCD00 url(/i/images/buttons/yellow/yellow_comp_pro_left.png) left top no-repeat;
}
span.button a.yellow.skypePro:hover {
padding: 0 0 0 40px;
background: #FFCD00 url(/i/images/buttons/yellow/yellow_comp_pro_left.png) left -32px no-repeat;
}
span.button a.yellow.freeCall {
padding: 0 0 0 40px;
background: #FFCD00 url(/i/images/buttons/yellow/yellow_comp_call_left.png) left top no-repeat;
}
span.button a.yellow.freeCall:hover {
padding: 0 0 0 40px;
background: #FFCD00 url(/i/images/buttons/yellow/yellow_comp_call_left.png) left -32px no-repeat;
}
/* Yellow small */
span.buttonSmall a.yellow {
color: #545454;
background: #FFCD00 url(/i/images/buttons/yellow/yellow_small_comp_left.png) left top no-repeat;
padding-left: 11px;
}
span.buttonSmall a.yellow:hover {
background: #FFCD00 url(/i/images/buttons/yellow/yellow_small_comp_left.png) left -22px no-repeat;
padding-left: 11px;
}
span.buttonSmall a.yellow span {
background: #FFCD00 url(/i/images/buttons/yellow/yellow_small_comp_right.png) right top no-repeat;
}
span.buttonSmall a.yellow:hover span {
background: #FFCD00 url(/i/images/buttons/yellow/yellow_small_comp_right.png) right -22px no-repeat;
}
span.buttonSmall a.yellow.skypePro {
padding: 0 0 0 32px;
background: #FFCD00 url(/i/images/buttons/yellow/yellow_small_comp_pro_left.png) left top no-repeat;
}
span.buttonSmall a.yellow.skypePro:hover {
padding: 0 0 0 32px;
background: #FFCD00 url(/i/images/buttons/yellow/yellow_small_comp_pro_left.png) left -22px no-repeat;
}
/* Gray */
span.button a.gray {
color: #0181E3;
padding: 0 0 0 12px;
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_left.png) left top no-repeat;
}
span.button a.gray:hover {
padding: 0 0 0 12px;
color: #006ABC;
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_left.png) left -32px no-repeat;
}
span.button a.gray.subscriptions {
padding: 0 0 0 39px;
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_subs_left.png) left top no-repeat;
}
span.button a.gray.subscriptions:hover {
padding: 0 0 0 39px;
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_subs_left.png) left -32px no-repeat;
}
span.button a.gray span {
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_right.png) right top no-repeat;
}
span.button a.gray:hover span {
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_right.png) right -32px no-repeat;
}
/* Gray small */
span.buttonSmall a.gray {
color: #0181E3;
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_left.png) left top no-repeat;
padding-left: 11px;
}
span.buttonSmall a.gray:hover {
color: #006ABC;
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_left.png) left -22px no-repeat;
padding-left: 11px;
}
span.buttonSmall a.gray span {
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_right.png) right top no-repeat;
}
span.buttonSmall a.gray:hover span {
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_right.png) right -22px no-repeat;
}
span.buttonSmall a.gray.mail {
padding: 0 0 0 32px;
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_mail_left.png) left top no-repeat;
}
span.buttonSmall a.gray.mail:hover {
padding: 0 0 0 32px;
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_mail_left.png) left -22px no-repeat;
}
/* Green */
span.button a.green {
color: #FFFFFF;
padding: 0 0 0 12px;
background: #87C80A url(/i/images/buttons/green/green_comp_left.png) left top no-repeat;
}
span.button a.green:hover {
padding: 0 0 0 12px;
background: #87C80A url(/i/images/buttons/green/green_comp_left.png) 0 -32px no-repeat;
}
span.button a.green span {
background: #87C80A url(/i/images/buttons/green/green_comp_right.png) right top no-repeat;
}
span.button a.green:hover span {
background: #87C80A url(/i/images/buttons/green/green_comp_right.png) right -32px no-repeat;
}
span.button a.green.skype {
padding: 0 0 0 40px;
background: #87C80A url(/i/images/buttons/green/green_comp_skype_left.png) left top no-repeat;
}
span.button a.green.skype:hover {
padding: 0 0 0 40px;
background: #87C80A url(/i/images/buttons/green/green_comp_skype_left.png) 0 -32px no-repeat;
}
span.button a.green.extras {
padding: 0 0 0 40px;
background: #87C80A url(/i/images/buttons/green/green_comp_extras_left.png) left top no-repeat;
}
span.button a.green.extras:hover {
padding: 0 0 0 40px;
background: #87C80A url(/i/images/buttons/green/green_comp_extras_left.png) 0 -32px no-repeat;
}
span.button a.green.skypeToGo {
padding: 0 0 0 40px;
background: #42B2F5 url(/i/images/buttons/green/green_comp_togo_left.png) left top no-repeat;
}
span.button a.green.skypeToGo:hover {
padding: 0 0 0 40px;
background: #42B2F5 url(/i/images/buttons/green/green_comp_togo_left.png) 0 -32px no-repeat;
}
/* Green small */
span.buttonSmall a.green {
color: #fff;
background: #8ac519 url(/i/images/buttons/green/green_small_comp_left.png) left top no-repeat;
padding-left: 11px;
}
span.buttonSmall a.green:hover {
color: #fff;
background: #8ac519 url(/i/images/buttons/green/green_small_comp_left.png) left -22px no-repeat;
padding-left: 11px;
}
span.buttonSmall a.green:active {
color: #fff;
background: #8ac519 url(/i/images/buttons/green/green_small_comp_left.png) left -44px no-repeat;
padding-left: 11px;
}
span.buttonSmall a.green span {
background: #8ac519 url(/i/images/buttons/green/green_small_comp_right.png) right top no-repeat;
}
span.buttonSmall a.green:hover span {
background: #8ac519 url(/i/images/buttons/green/green_small_comp_right.png) right -22px no-repeat;
}
span.buttonSmall a.green:active span {
background: #8ac519 url(/i/images/buttons/green/green_small_comp_right.png) right -44px no-repeat;
}
span.buttonSmall a.green.download {
padding: 0 0 0 32px;
background: #8ac519 url(/i/images/buttons/green/green_small_comp_download_left.png) left top no-repeat;
}
span.buttonSmall a.green.download:hover {
padding: 0 0 0 32px;
background: #8ac519 url(/i/images/buttons/green/green_small_comp_download_left.png) left -22px no-repeat;
}
/* Orange */
span.button a.orange {
color: #FFFFFF;
padding: 0 0 0 12px;
background: #fe9000 url(/i/images/buttons/orange/orange_comp_left.png) left top no-repeat;
}
span.button a.orange:hover {
padding: 0 0 0 12px;
background: #fe9000 url(/i/images/buttons/orange/orange_comp_left.png) 0 -32px no-repeat;
}
span.button a.orange:active {
padding: 0 0 0 12px;
background: #fe9000 url(/i/images/buttons/orange/orange_comp_left.png) 0 -64px no-repeat;
}
span.button a.orange span {
background: #fe9000 url(/i/images/buttons/orange/orange_comp_right.png) right top no-repeat;
}
span.button a.orange:hover span {
background: #fe9000 url(/i/images/buttons/orange/orange_comp_right.png) right -32px no-repeat;
}
span.button a.orange:active span {
background: #fe9000 url(/i/images/buttons/orange/orange_comp_right.png) right -64px no-repeat;
}
/* Orange small */
span.buttonSmall a.orange {
color: #fff;
background: #fe9000 url(/i/images/buttons/orange/orange_small_comp_left.png) left top no-repeat;
padding-left: 11px;
}
span.buttonSmall a.orange:hover {
color: #fff;
background: #fe9000 url(/i/images/buttons/orange/orange_small_comp_left.png) left -22px no-repeat;
padding-left: 11px;
}
span.buttonSmall a.orange:active {
color: #fff;
background: #fe9000 url(/i/images/buttons/orange/orange_small_comp_left.png) left -44px no-repeat;
padding-left: 11px;
}
span.buttonSmall a.orange span {
background: #fe9000 url(/i/images/buttons/orange/orange_small_comp_right.png) right top no-repeat;
}
span.buttonSmall a.orange:hover span {
background: #fe9000 url(/i/images/buttons/orange/orange_small_comp_right.png) right -22px no-repeat;
}
span.buttonSmall a.orange:active span {
background: #fe9000 url(/i/images/buttons/orange/orange_small_comp_right.png) right -44px no-repeat;
}
/* Purple */
span.button a.purple {
color: #FFFFFF;
padding: 0 0 0 12px;
background: #7c1b7c url(/i/images/buttons/purple/purple_comp_left.png) left top no-repeat;
}
span.button a.purple:hover {
padding: 0 0 0 12px;
background: #7c1b7c url(/i/images/buttons/purple/purple_comp_left.png) 0 -32px no-repeat;
}
span.button a.purple:active {
padding: 0 0 0 12px;
background: #7c1b7c url(/i/images/buttons/purple/purple_comp_left.png) 0 -64px no-repeat;
}
span.button a.purple span {
background: #7c1b7c url(/i/images/buttons/purple/purple_comp_right.png) right top no-repeat;
}
span.button a.purple:hover span {
background: #7c1b7c url(/i/images/buttons/purple/purple_comp_right.png) right -32px no-repeat;
}
span.button a.purple:active span {
background: #7c1b7c url(/i/images/buttons/purple/purple_comp_right.png) right -64px no-repeat;
}
/* Purple small */
span.buttonSmall a.purple {
color: #fff;
background: #7c1b7c url(/i/images/buttons/purple/purple_small_comp_left.png) left top no-repeat;
padding-left: 11px;
}
span.buttonSmall a.purple:hover {
color: #fff;
background: #7c1b7c url(/i/images/buttons/purple/purple_small_comp_left.png) left -22px no-repeat;
padding-left: 11px;
}
span.buttonSmall a.purple:active {
color: #fff;
background: #7c1b7c url(/i/images/buttons/purple/purple_small_comp_left.png) left -44px no-repeat;
padding-left: 11px;
}
span.buttonSmall a.purple span {
background: #7c1b7c url(/i/images/buttons/purple/purple_small_comp_right.png) right top no-repeat;
}
span.buttonSmall a.purple:hover span {
background: #7c1b7c url(/i/images/buttons/purple/purple_small_comp_right.png) right -22px no-repeat;
}
span.buttonSmall a.purple:active span {
background: #7c1b7c url(/i/images/buttons/purple/purple_small_comp_right.png) right -44px no-repeat;
}
/* Disabled buttons */
span.button a.disabled {
color: #afb4b4 !important;
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_left.png) left top no-repeat !important;
cursor: default !important;
}
span.buttonSmall a.disabled {
color: #afb4b4 !important;
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_left.png) left top no-repeat !important;
cursor: default !important;
}
span.button a.disabled:hover {
color: #afb4b4 !important;
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_left.png) left top no-repeat !important;
cursor: default !important;
}
span.button a.disabled span {
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_right.png) right top no-repeat !important;
cursor: default !important;
}
span.button a.disabled:hover span {
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_right.png) right top no-repeat !important;
cursor: default !important;
}
span.buttonSmall a.disabled:hover {
color: #afb4b4 !important;
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_left.png) left top no-repeat !important;
cursor: default !important;
}
span.buttonSmall a.disabled span {
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_right.png) right top no-repeat !important;
cursor: default !important;
}
span.buttonSmall a.disabled:hover span {
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_right.png) right top no-repeat !important;
cursor: default !important;
}
/* Buttons and text on right */
.buttonAndText span.button,
.buttonAndText span.buttonSmall,
.buttonSmallAndText span.button,
.buttonSmallAndText span.buttonSmall {
margin-right: 0.25em;
}
.buttonAndText .text {
line-height: 32px;
padding-left: 0.5em;
}
.buttonSmallAndText .text {
line-height: 23px;
padding-left: 0.5em;
}
/* Buttons in infoBox columns */
#content #infoBox p span.buttonSmall {
float: left;
padding-bottom: 8px;
}
/* Used for forms where we need to submit forms, but have only button links */
.hiddenSubmit {
position: absolute;
top: -10000px;
left: -10000px;
}
.fieldHelper {
vertical-align: middle;
width: 16px;
height: 16px;
}
.fieldHelper img {
vertical-align: top;
line-height: 16px;
margin-top: 3px;
}
/* Experimental buttons that don't require JS */
button {
border: none;
background: none;
padding: 0;
margin: 0;
width: auto;
overflow: visible;
text-align: center;
vertical-align: middle;
white-space: nowrap;
cursor: pointer;
}
button span {
display: block;
overflow: visible;
padding: 0;
white-space: nowrap;
margin: 0;
}
button span strong {
display: block;
white-space: nowrap;
margin: 0;
overflow: visible;
}
button:focus,
button:active {
outline: hidden;
}
button.button {
font: bold 18px Helvetica, Arial, sans-serif;
height: 34px;
margin-top: -4px;
}
button.button span {
height: 32px;
}
button.button span strong {
padding: 0 12px 0 0;
line-height: 32px;
*line-height: 31px; /* IE specific line-height fix */
height: 32px;
}
button.button span.gray {
color: #0181E3;
padding-left: 12px;
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_left.png) left top no-repeat;
}
button.button span.green {
color: #fff;
padding-left: 12px;
background: #F0F0F0 url(/i/images/buttons/green/green_comp_left.png) left top no-repeat;
}
button.button span.blue {
color: #fff;
padding-left: 12px;
background: #F0F0F0 url(/i/images/buttons/blue/blue_comp_left.png) left top no-repeat;
}
button.button span.yellow {
color: #545454;
padding-left: 12px;
background: #F0F0F0 url(/i/images/buttons/yellow/yellow_comp_left.png) left top no-repeat;
}
button.button span.purple {
color: #fff;
padding-left: 12px;
background: #F0F0F0 url(/i/images/buttons/purple/purple_comp_left.png) left top no-repeat;
}
button.button span.orange {
color: #fff;
padding-left: 12px;
background: #F0F0F0 url(/i/images/buttons/orange/orange_comp_left.png) left top no-repeat;
}
button.button:hover span.gray {
color: #006ABC;
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_left.png) left -32px no-repeat;
}
button.button:hover span.blue {
color: #fff;
background: #F0F0F0 url(/i/images/buttons/blue/blue_comp_left.png) left -32px no-repeat;
}
button.button:hover span.green {
color: #fff;
background: #F0F0F0 url(/i/images/buttons/green/green_comp_left.png) left -32px no-repeat;
}
button.button:hover span.yellow {
color: #545454;
background: #F0F0F0 url(/i/images/buttons/yellow/yellow_comp_left.png) left -32px no-repeat;
}
button.button:hover span.purple {
color: #fff;
background: #F0F0F0 url(/i/images/buttons/purple/purple_comp_left.png) left -32px no-repeat;
}
button.button:hover span.orange {
color: #fff;
background: #F0F0F0 url(/i/images/buttons/orange/orange_comp_left.png) left -32px no-repeat;
}
button.button span.gray strong {
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_right.png) right top no-repeat;
}
button.button span.green strong {
background: #F0F0F0 url(/i/images/buttons/green/green_comp_right.png) right top no-repeat;
}
button.button span.blue strong {
background: #F0F0F0 url(/i/images/buttons/blue/blue_comp_right.png) right top no-repeat;
}
button.button span.yellow strong {
background: #F0F0F0 url(/i/images/buttons/yellow/yellow_comp_right.png) right top no-repeat;
}
button.button span.purple strong {
background: #F0F0F0 url(/i/images/buttons/purple/purple_comp_right.png) right top no-repeat;
}
button.button span.orange strong {
background: #F0F0F0 url(/i/images/buttons/orange/orange_comp_right.png) right top no-repeat;
}
button.button:hover span.gray strong {
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_right.png) right -32px no-repeat;
}
button.button:hover span.green strong {
background: #F0F0F0 url(/i/images/buttons/green/green_comp_right.png) right -32px no-repeat;
}
button.button:hover span.blue strong {
background: #F0F0F0 url(/i/images/buttons/blue/blue_comp_right.png) right -32px no-repeat;
}
button.button:hover span.yellow strong {
background: #F0F0F0 url(/i/images/buttons/yellow/yellow_comp_right.png) right -32px no-repeat;
}
button.button:hover span.purple strong {
background: #F0F0F0 url(/i/images/buttons/purple/purple_comp_right.png) right -32px no-repeat;
}
button.button:hover span.orange strong {
background: #F0F0F0 url(/i/images/buttons/orange/orange_comp_right.png) right -32px no-repeat;
}
button.button span.disabled {
color: #afb4b4 !important;
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_left.png) left top no-repeat !important;
cursor: default !important;
}
button.button:hover span.disabled {
color: #afb4b4 !important;
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_left.png) left top no-repeat !important;
cursor: default !important;
}
button.button span.disabled strong {
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_right.png) right top no-repeat !important;
}
button.button:hover span.disabled strong {
background: #F0F0F0 url(/i/images/buttons/gray/gray_comp_right.png) right top no-repeat !important;
}
button.buttonSmall {
font: bold 14px Helvetica, Arial, sans-serif;
height: 24px;
margin-top: -1px;
}
.buttonSmallAndText button.buttonSmall {
margin-top: -4px;
}
button.buttonSmall span {
height: 22px;
}
button.buttonSmall span strong {
padding: 0 11px 0 0;
line-height: 23px;
*line-height: 21px; /* IE specific line-height fix */
height: 22px;
}
button.buttonSmall span.gray {
color: #0181E3;
padding-left: 11px;
background: transparent url(/i/images/buttons/gray/gray_small_comp_left.png) left top no-repeat;
}
button.buttonSmall span.green {
color: #fff;
padding-left: 11px;
background: #F0F0F0 url(/i/images/buttons/green/green_small_comp_left.png) left top no-repeat;
}
button.buttonSmall span.blue {
color: #fff;
padding-left: 11px;
background: #F0F0F0 url(/i/images/buttons/blue/blue_small_comp_left.png) left top no-repeat;
}
button.buttonSmall span.yellow {
color: #545454;
padding-left: 11px;
background: #F0F0F0 url(/i/images/buttons/yellow/yellow_small_comp_left.png) left top no-repeat;
}
button.buttonSmall span.purple {
color: #fff;
padding-left: 11px;
background: #F0F0F0 url(/i/images/buttons/purple/purple_small_comp_left.png) left top no-repeat;
}
button.buttonSmall span.orange {
color: #fff;
padding-left: 11px;
background: #F0F0F0 url(/i/images/buttons/orange/orange_small_comp_left.png) left top no-repeat;
}
button.buttonSmall:hover span.gray {
color: #006ABC;
background: transparent url(/i/images/buttons/gray/gray_small_comp_left.png) left -22px no-repeat;
}
button.buttonSmall:hover span.blue {
color: #fff;
background: #F0F0F0 url(/i/images/buttons/blue/blue_small_comp_left.png) left -22px no-repeat;
}
button.buttonSmall:hover span.green {
color: #fff;
background: #F0F0F0 url(/i/images/buttons/green/green_small_comp_left.png) left -22px no-repeat;
}
button.buttonSmall:hover span.yellow {
color: #545454;
background: #F0F0F0 url(/i/images/buttons/yellow/yellow_small_comp_left.png) left -22px no-repeat;
}
button.buttonSmall:hover span.purple {
color: #fff;
background: #F0F0F0 url(/i/images/buttons/purple/purple_small_comp_left.png) left -22px no-repeat;
}
button.buttonSmall:hover span.orange {
color: #fff;
background: #F0F0F0 url(/i/images/buttons/orange/orange_small_comp_left.png) left -22px no-repeat;
}
button.buttonSmall span.gray strong {
background: transparent url(/i/images/buttons/gray/gray_small_comp_right.png) right top no-repeat;
}
button.buttonSmall span.green strong {
background: #F0F0F0 url(/i/images/buttons/green/green_small_comp_right.png) right top no-repeat;
}
button.buttonSmall span.blue strong {
background: #F0F0F0 url(/i/images/buttons/blue/blue_small_comp_right.png) right top no-repeat;
}
button.buttonSmall span.yellow strong {
background: #F0F0F0 url(/i/images/buttons/yellow/yellow_small_comp_right.png) right top no-repeat;
}
button.buttonSmall span.purple strong {
background: #F0F0F0 url(/i/images/buttons/purple/purple_small_comp_right.png) right top no-repeat;
}
button.buttonSmall span.orange strong {
background: #F0F0F0 url(/i/images/buttons/orange/orange_small_comp_right.png) right top no-repeat;
}
button.buttonSmall:hover span.gray strong {
background: transparent url(/i/images/buttons/gray/gray_small_comp_right.png) right -22px no-repeat;
}
button.buttonSmall:hover span.green strong {
background: #F0F0F0 url(/i/images/buttons/green/green_small_comp_right.png) right -22px no-repeat;
}
button.buttonSmall:hover span.blue strong {
background: #F0F0F0 url(/i/images/buttons/blue/blue_small_comp_right.png) right -22px no-repeat;
}
button.buttonSmall:hover span.yellow strong {
background: #F0F0F0 url(/i/images/buttons/yellow/yellow_small_comp_right.png) right -22px no-repeat;
}
button.buttonSmall:hover span.purple strong {
background: #F0F0F0 url(/i/images/buttons/purple/purple_small_comp_right.png) right -22px no-repeat;
}
button.buttonSmall:hover span.orange strong {
background: #F0F0F0 url(/i/images/buttons/orange/orange_small_comp_right.png) right -22px no-repeat;
}
button.buttonSmall span.disabled {
color: #afb4b4 !important;
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_left.png) left top no-repeat !important;
cursor: default !important;
}
button.buttonSmall:hover span.disabled {
color: #afb4b4 !important;
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_left.png) left top no-repeat !important;
cursor: default !important;
}
button.buttonSmall span.disabled strong {
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_right.png) right top no-repeat !important;
}
button.buttonSmall:hover span.disabled strong {
background: #F0F0F0 url(/i/images/buttons/gray/gray_small_comp_right.png) right top no-repeat !important;
}
/* FF specific line-height fix */
@-moz-document url-prefix() {
button {
margin: 0 0 0 -3px;
}
button.button span strong {
line-height: 35px;
}
button.buttonSmall span strong {
line-height: 25px;
}
.buttons button {
margin-left: 6px !important;
}
}
/* Simple buttons, only light gradient */
button.simple,
a.buttonSimple {
height: 22px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
a.buttonSimple {
text-decoration: none;
}
button.simple span,
a.buttonSimple span {
margin-top: -2px;
.margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
display: block;
height: 14px;
padding: 3px 10px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 14px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
}
button.simple span.white,
a.buttonSimple span.white {
border: 1px solid white;
background: #fff url(/i/images/buttons/simple/white.png) repeat-x top left;
color: #4b465a;
text-shadow: 0px 1px 1px #fff;
}
button.simple:hover span.white,
a.buttonSimple:hover span.white {
background: #fff url(/i/images/buttons/simple/white.png) repeat-x left -20px;
}
button.simple span.purple,
a.buttonSimple span.purple {
border: none;
padding: 4px 11px;
background: #332f3e url(/i/images/buttons/simple/purple.png) repeat-x top left;
color: #fff;
text-shadow: 0px -1px 1px #332f3e;
}
button.simple:hover span.purple,
a.buttonSimple:hover span.purple {
background: #34303f url(/i/images/buttons/simple/purple.png) repeat-x left -22px;
}
button.simple:hover span.blue,
a.buttonSimple span.blue {
border: none;
padding: 4px 11px;
background: #00AEEA url(/i/images/buttons/simple/blue.png) repeat-x top left;
color: #fff;
text-shadow: 0px -1px 1px #39BBF6;
}
button.simple:hover span.blue,
a.buttonSimple:hover span.blue {
background: #20B5F1 url(/i/images/buttons/simple/blue.png) repeat-x left -22px;
}
a.buttonSimple span {
display:-moz-inline-box;
display: inline-block;
margin-top: 0px;
text-decoration: none;
cursor: pointer;
}
/* Big dark button for Busines section */
div.darkBusinessButton {
width: 140px;
margin-left: 20px;
}
div.darkBusinessButton.large {
width: 200px;
}
div.darkBusinessButton a {
display: block;
/* height: 16px;*/
padding: 10px 10px 10px 5px;
background-color: #4B465A;
color: #fff;
font-family: Arial, sans-serif;
font-size: 1.286em;
line-height: 16px;
text-align: center;
text-decoration: none;
text-shadow: 0px -1px 1px #2F2C38;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
* html div.darkBusinessButton a {
width: 140px;
}
* html div.darkBusinessButton.large a {
width: 200px;
}
div.darkBusinessButton a:hover {
background-color: #5b566f;
}
/* FF specific line-height fix */
@-moz-document url-prefix() {
button.simple {
margin: 0;
}
button.simple span {
margin-left: -3px;
margin-right: -3px;
}
}
/* Simple buttons, only light gradient */
/* Core styles */
button.simple,
a.buttonSimple,
button.simpleMedium,
a.buttonSimpleMedium,
button.simpleLarge,
a.buttonSimpleLarge {
display:-moz-inline-box;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
margin: 0;
padding: 0;
background: none;
width: auto;
border: none;
overflow: visible;
height: 22px;
text-decoration: none;
}
button.simple span,
a.buttonSimple span,
button.simpleMedium span,
a.buttonSimpleMedium span,
button.sipleLarge,
a.buttonSimpleLarge {
white-space: nowrap;
text-decoration: none;
margin: 0;
}
button.simpleLarge,
a.buttonSimpleLarge {
height: 32px;
}
/* Small buttons */
button.simple span,
a.buttonSimple span {
margin-top: -2px;
margin-left: 0px;
margin-right: 0px;
display: block;
height: 14px;
padding: 3px 10px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
* html button.simple span {
margin-top: 0;
}
button.simple span.white,
a.buttonSimple span.white {
border: 1px solid white;
background: #fff url(/i/images/buttons/simple/white.png) repeat-x top left;
color: #4b465a;
text-shadow: 0px 1px 1px #fff;
border: 1px solid #e4e4e4;
}
button.simple:hover span.white,
a.buttonSimple:hover span.white {
background: #fff url(/i/images/buttons/simple/white.png) repeat-x left -20px;
}
button.simple span.purple,
a.buttonSimple span.purple {
border: none;
padding: 4px 11px;
background: #332f3e url(/i/images/buttons/simple/purple.png) repeat-x top left;
color: #fff;
text-shadow: 0px -1px 1px #332f3e;
}
button.simple:hover span.purple,
a.buttonSimple:hover span.purple {
background: #34303f url(/i/images/buttons/simple/purple.png) repeat-x left -22px;
}
button.simple span.blue,
a.buttonSimple span.blue {
border: none;
padding: 4px 11px;
background: #00AEEA url(/i/images/buttons/simple/blue.png) repeat-x top left;
color: #fff;
text-shadow: 0px -1px 1px #39BBF6;
}
button.simple:hover span.blue,
a.buttonSimple:hover span.blue {
background: #20B5F1 url(/i/images/buttons/simple/blue.png) repeat-x left -22px;
}
a.buttonSimple span,
a.buttonSimpleMedium span {
display:-moz-inline-box;
display: inline-block;
margin-top: 0px;
text-decoration: none;
cursor: pointer;
}
/* Disabled*/
button.simple.disabled{
cursor:default
}
button.simple.disabled span.blue {
background:url(/i/images/buttons/simple/blue_disabled.png) repeat-x top left;
color:#fff;
text-shadow:none
}
/* Medium size buttons */
button.simpleMedium,
a.buttonSimpleMedium {
height: 26px;
}
button.simpleMedium span,
a.buttonSimpleMedium span {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
display: -moz-inline-box;
display: inline-block;
height: 16px;
padding: 5px 10px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 14px;
line-height: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
button.simpleMedium span {
.margin-top: -2px;
}
* html button.simpleMedium {
margin-top: 0;
}
* html button.simpleMedium span,
* html a.buttonSimpleMedium span {
margin-top: 0;
}
/* White */
button.simpleMedium span.white,
a.buttonSimpleMedium span.white {
background: #fff url(/i/images/buttons/simple/white_medium.png) repeat-x top left;
color: #4b465a;
padding: 4px 9px;
text-shadow: none;
border: 1px solid #e4e4e4;
}
button.simpleMedium:hover span.white,
a.buttonSimpleMedium:hover span.white {
background: #fff url(/i/images/buttons/simple/white_medium.png) repeat-x left -26px;
}
/* Blue */
button.simpleMedium span.blue,
a.buttonSimpleMedium span.blue {
background: #00aff0 url(/i/images/buttons/simple/blue_medium.png) repeat-x top left;
color: #fff;
text-shadow: none;
text-shadow: 0px -1px 1px #39BBF6;
}
button.simpleMedium:hover span.blue,
a.buttonSimpleMedium:hover span.blue {
background: #00aff0 url(/i/images/buttons/simple/blue_medium.png) repeat-x left -26px;
}
/* Green */
button.simpleMedium span.green,
a.buttonSimpleMedium span.green {
background: #87C80A url(/i/images/buttons/simple/green_medium.png) repeat-x top left;
color: #fff;
text-shadow: none;
}
button.simpleMedium:hover span.green,
a.buttonSimpleMedium:hover span.green {
background: #87C80A url(/i/images/buttons/simple/green_medium.png) repeat-x left -26px;
}
button.simpleMedium span .buttonIcon,
a.buttonSimpleMedium span .buttonIcon {
vertical-align: middle;
margin-top: -3px;
margin-right: 10px;
}
button.simpleMedium.disabled span,
a.buttonSimpleMedium.disabled span,
button.simpleMedium.disabled:hover span,
a.buttonSimpleMedium.disabled:hover span {
background: #fff url(/i/images/buttons/simple/white_medium.png) repeat-x left -52px;
padding: 4px 9px;
border: 1px solid #ececec;
color: #93909C;
}
button.simpleMedium.disabled:hover span,
a.buttonSimpleMedium.disabled:hover span {
cursor: default;
}
/* Large buttons */
button.simpleLarge span,
a.buttonSimpleLarge span {
margin-top: -2px;
margin-left: 0px;
margin-right: 0px;
display: block;
height: 26px;
padding: 3px 25px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 20px;
line-height: 28px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
* html button.simpleLarge span {
margin-top: 0;
}
/* Green */
button.simpleLarge span.green,
a.buttonSimpleLarge span.green {
background: #87C80A url(/i/images/buttons/simple/green_large.png) repeat-x left top;
color: #fff;
text-shadow: 0px 1px 1px #78AD12;
}
button.simpleLarge:hover span.green,
a.buttonSimpleLarge:hover span.green {
background: #87C80A url(/i/images/buttons/simple/green_large.png) repeat-x left -32px;
}
/* Purple */
button.simpleLarge span.purple,
a.buttonSimpleLarge span.purple {
background: #87C80A url(/i/images/buttons/simple/purple_large.png) repeat-x left top;
color: #fff;
text-shadow: 0px 1px 1px #2F2C38;
}
button.simpleLarge:hover span.purple,
a.buttonSimpleLarge:hover span.purple {
background: #87C80A url(/i/images/buttons/simple/purple_large.png) repeat-x left -32px;
}
/* White */
button.simpleLarge span.white,
a.buttonSimpleLarge span.white {
background: #fff url(/i/images/buttons/simple/white_large.png) repeat-x left -4px;
color: #4b465a;
text-shadow: 0px 1px 1px #e4e4e4;
}
button.simpleLarge:hover span.white,
a.buttonSimpleLarge:hover span.white {
background: #fff url(/i/images/buttons/simple/white_large.png) repeat-x left -36px;
}
/* Disabled */
button.simpleLarge.disabled span,
a.buttonSimpleLarge.disabled span,
button.simpleLarge.disabled:hover span,
a.buttonSimpleLarge.disabled:hover span {
background: #fff url(/i/images/buttons/simple/white_large.png) repeat-x left -36px;
border: 1px solid #ececec;
color: #93909C;
text-shadow: 0px 1px 1px #fff;
}
button.simpleLarge,
a.buttonSimpleLarge{
outline: none;
}
button.simpleLarge.disabled:hover,
a.buttonSimpleLarge.disabled:hover {
cursor: default;
}
/* Dirty IE-only hack */
button.simple,
a.buttonSimple,
button.simpleMedium,
a.buttonSimpleMedium {
/* margin-top: expression(1 + "px");*/
}
/* Big dark button for Business section */
div.darkBusinessButton {
width: 140px;
margin-left: 20px;
}
div.darkBusinessButton a {
display: block;
padding: 10px 10px 10px 5px;
background-color: #4B465A;
color: #fff;
font-family: Arial, sans-serif;
font-size: 1.286em;
line-height: 16px;
text-align: center;
text-decoration: none;
text-shadow: 0px -1px 1px #2F2C38;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
/* simple blue twoline button for business page sidebar */
a.buttonSimpleTwoline {
width: 170px;
height: 41px;
display:-moz-inline-box;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin: 0;
padding: 0;
background: none;
border: 1px solid red;
overflow: visible;
text-decoration: none;
}
a.buttonSimpleTwoline.blue:hover {
background-position: 0 -52px;
}
a.buttonSimpleTwoline.blue {
background: url("/i/images/buttons/simple/blue_twoline.png") 0 0 repeat-x;
color: white;
font-weight: bold;
line-height: 20px;
text-decoration: none;
border: none;
padding: 4px 11px;
text-shadow: 0px -1px 1px #39BBF6;
font-size: 14px;
}
/* if the button is inside grayBox */
.grayBox a.buttonSimpleTwoline {
position: relative;
top: -11px;
}
/* FF specific line-height fix */
@-moz-document url-prefix() {
button.simple {
margin: 0;
}
button.simple span {
margin-left: -3px;
margin-right: -3px;
}
button.simpleMedium {
margin: 0;
}
button.simpleMedium span {
margin-top: -2px;
margin-left: -3px;
margin-right: -3px;
}
button.simpleLarge {
margin: 0;
}
button.simpleLarge span {
margin-top: -2px;
margin-left: -3px;
margin-right: -3px;
}
}
}
/* Simple buttons, only light gradient */
/* Core styles */
button.simple,
a.buttonSimple,
button.simpleMedium,
a.buttonSimpleMedium,
button.simpleLarge,
a.buttonSimpleLarge,
button.simpleTwoline,
a.buttonSimpleTwoline {
display:-moz-inline-box;
display: inline-block;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
margin: 0;
padding: 0;
background: none;
width: auto;
border: none;
overflow: visible;
height: 22px;
text-decoration: none;
}
button.simple span,
a.buttonSimple span,
button.simpleMedium span,
a.buttonSimpleMedium span,
button.simpleLarge,
a.buttonSimpleLarge {
white-space: nowrap;
text-decoration: none;
margin: 0;
}
button.simpleLarge,
a.buttonSimpleLarge {
height: 32px;
}
/* Small buttons */
button.simple span,
a.buttonSimple span {
margin-top: -2px;
margin-left: 0px;
margin-right: 0px;
display: block;
height: 14px;
padding: 3px 10px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 12px;
line-height: 14px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
* html button.simple span {
margin-top: 0;
}
button.simple span.white,
a.buttonSimple span.white {
border: 1px solid white;
background: #fff url(/i/images/buttons/simple/white.png) repeat-x top left;
color: #4b465a;
text-shadow: 0px 1px 1px #fff;
border: 1px solid #e4e4e4;
}
button.simple:hover span.white,
a.buttonSimple:hover span.white {
background: #fff url(/i/images/buttons/simple/white.png) repeat-x left -20px;
}
button.simple span.purple,
a.buttonSimple span.purple {
border: none;
padding: 4px 11px;
background: #332f3e url(/i/images/buttons/simple/purple.png) repeat-x top left;
color: #fff;
text-shadow: 0px -1px 1px #332f3e;
}
button.simple:hover span.purple,
a.buttonSimple:hover span.purple {
background: #34303f url(/i/images/buttons/simple/purple.png) repeat-x left -22px;
}
button.simple span.blue,
a.buttonSimple span.blue {
border: none;
padding: 4px 11px;
background: #00AEEA url(/i/images/buttons/simple/blue.png) repeat-x top left;
color: #fff;
text-shadow: 0px -1px 1px #39BBF6;
}
button.simple:hover span.blue,
a.buttonSimple:hover span.blue {
background: #20B5F1 url(/i/images/buttons/simple/blue.png) repeat-x left -22px;
}
button.simple span.lightblue,
a.buttonSimple span.lightblue {
border: none;
padding: 4px 11px;
background: #c5efff url(/i/images/buttons/simple/lightblue.png) repeat-x top left;
color: #00aff0;
text-shadow: 0px 1px 1px #fff;
}
button.simple:hover span.lightblue,
a.buttonSimple:hover span.lightblue {
background: #def6ff url(/i/images/buttons/simple/lightblue.png) repeat-x left -22px;
}
a.buttonSimple span,
a.buttonSimpleMedium span {
display:-moz-inline-box;
display: inline-block;
margin-top: 0px;
text-decoration: none;
cursor: pointer;
}
/* Medium size buttons */
button.simpleMedium,
a.buttonSimpleMedium {
height: 26px;
}
button.simpleMedium span,
a.buttonSimpleMedium span {
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
display: -moz-inline-box;
display: inline-block;
height: 16px;
padding: 5px 10px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size: 13px;
line-height: 16px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
button.simpleMedium span {
.margin-top: -2px;
}
* html button.simpleMedium {
margin-top: 0;
}
* html button.simpleMedium span,
* html a.buttonSimpleMedium span {
margin-top: 0;
}
/* White */
button.simpleMedium span.white,
a.buttonSimpleMedium span.white {
background: #fff url(/i/images/buttons/simple/white_medium.png) repeat-x top left;
color: #4b465a;
padding: 4px 9px;
text-shadow: none;
border: 1px solid #e4e4e4;
}
button.simpleMedium:hover span.white,
a.buttonSimpleMedium:hover span.white {
background: #fff url(/i/images/buttons/simple/white_medium.png) repeat-x left -26px;
}
/* Blue */
button.simpleMedium span.blue,
a.buttonSimpleMedium span.blue {
background: #00aff0 url(/i/images/buttons/simple/blue_medium.png) repeat-x top left;
color: #fff;
text-shadow: none;
}
button.simpleMedium:hover span.blue,
a.buttonSimpleMedium:hover span.blue {
background: #00aff0 url(/i/images/buttons/simple/blue_medium.png) repeat-x left -26px;
}
/* Green */
button.simpleMedium span.green,
a.buttonSimpleMedium span.green {
background: #87c80a url(/i/images/buttons/simple/green_medium.png) repeat-x top left;
color: #fff;
text-shadow: none;
}
button.simpleMedium:hover span.green,
a.buttonSimpleMedium:hover span.green {
background: #87c80a url(/i/images/buttons/simple/green_medium.png) repeat-x left -26px;
}
/* Orange */
button.simpleMedium span.orange,
a.buttonSimpleMedium span.orange {
background: #fc8421 url(/i/images/buttons/simple/orange_medium.png) repeat-x top left;
color: #fff;
text-shadow: none;
}
button.simpleMedium:hover span.orange,
a.buttonSimpleMedium:hover span.orange {
background: #fc8421 url(/i/images/buttons/simple/orange_medium.png) repeat-x left -26px;
}
button.simpleMedium span .buttonIcon,
a.buttonSimpleMedium span .buttonIcon {
vertical-align: middle;
margin-top: -3px;
margin-right: 10px;
}
button.simpleMedium.disabled span,
a.buttonSimpleMedium.disabled span,
button.simpleMedium.disabled:hover span,
a.buttonSimpleMedium.disabled:hover span {
background: #fff url(/i/images/buttons/simple/white_medium.png) repeat-x left -52px;
padding: 4px 9px;
border: 1px solid #ececec;
color: #93909C;
}
button.simpleMedium.disabled:hover span,
a.buttonSimpleMedium.disabled:hover span {
cursor: default;
}
/* Large buttons */
button.simpleLarge span,
a.buttonSimpleLarge span {
margin-top: -2px;
margin-left: 0px;
margin-right: 0px;
display: block;
height: 26px;
padding: 3px 25px;
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 20px;
line-height: 28px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
* html button.simpleLarge span {
margin-top: 0;
}
/* Green */
button.simpleLarge span.green,
a.buttonSimpleLarge span.green {
background: #87C80A url(/i/images/buttons/simple/green_large.png) repeat-x left top;
color: #fff;
text-shadow: 0px 1px 1px #78AD12;
}
button.simpleLarge:hover span.green,
a.buttonSimpleLarge:hover span.green {
background: #87C80A url(/i/images/buttons/simple/green_large.png) repeat-x left -32px;
}
/* Dirty IE-only hack */
button.simple,
a.buttonSimple,
button.simpleMedium,
a.buttonSimpleMedium {
/* margin-top: expression(1 + "px");*/
}
/* Big dark button for Business section */
div.darkBusinessButton {
width: 140px;
margin-left: 20px;
}
div.darkBusinessButton a {
display: block;
padding: 10px 10px 10px 5px;
background-color: #4B465A;
color: #fff;
font-family: Arial, sans-serif;
font-size: 1.286em;
line-height: 16px;
text-align: center;
text-decoration: none;
text-shadow: 0px -1px 1px #2F2C38;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
.buttonWithText .text {
margin-left: 10px;
}
/* Arrows for simple buttons */
button.simpleMedium span span.arrow,
a.buttonSimpleMedium span span.arrow {
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 0 28px 0 0 !important;
margin: 0;
}
/* Green arrow */
button.simpleMedium span.green span.arrow,
a.buttonSimpleMedium span.green span.arrow {
background: url(/i/images/buttons/simple/green_medium_arrow.png) no-repeat right center;
}
/* FF specific line-height fix */
@-moz-document url-prefix() {
button.simple {
margin: 0;
}
button.simple span {
margin-left: -3px;
margin-right: -3px;
}
button.simpleMedium {
margin: 0;
}
button.simpleMedium span {
margin-top: -2px;
margin-left: -3px;
margin-right: -3px;
}
button.simpleLarge {
margin: 0;
}
button.simpleLarge span {
margin-top: -2px;
margin-left: -3px;
margin-right: -3px;
}
}
}/* Text styles based on content, tables etc */
#content #paddedContent table.list {
width: 100%;
border-top: 1px solid #d9d9d9;
margin-bottom: 28px;
}
#content #paddedContent table.list td,
#content #paddedContent table.list th {
padding: 3px 20px;
border-bottom: 1px solid #d9d9d9;
}
#content #paddedContent table.list thead td,
#content #paddedContent table.list thead th {
background: #e5f6fd;
}
#content #paddedContent table.list th {
font-weight: bold;
}
#content #paddedContent table.prices {
width: 100%;
border-top: 1px solid #cbcdcd;
margin-bottom: 28px;
}
#content #paddedContent table.prices td,
#content #paddedContent table.prices th {
padding: 12px 10px;
}
#content #paddedContent table.prices tr.grey td,
#content #paddedContent table.prices tr.grey th {
background-color: #f2f2f2;
}
#content #paddedContent table.prices tr.grey td {
border-left: 1px solid #ffffff;
}
#content #paddedContent table.prices td span {
color: #afb4b4;
}
#content #paddedContent table.prices th {
line-height: 16px;
}
#content #paddedContent table.prices th img {
float: left;
margin: 0 8px 0 0;
}
#content #paddedContent p,
#content #paddedContent h1,
#content #paddedContent h2,
#content #paddedContent h3,
#content #paddedContent h4,
#content #paddedContent h5,
#content #paddedContent h6,
#content #paddedContent .padded {
padding-left: 20px;
padding-right: 10px;
}
#content #paddedContent h1.icon img {
vertical-align: middle;
margin-top: -8px;
background: white;
padding-right: 8px;
}
.padded {
color: #2c2c2c;
}
#content #paddedContent ul p,
#content #paddedContent ul h1,
#content #paddedContent ul h2,
#content #paddedContent ul h3,
#content #paddedContent ul h4,
#content #paddedContent ul h5,
#content #paddedContent ul h6,
#content #paddedContent ul .padded {
padding-left: 0;
padding-right: 10px;
}
#content div.fullWidth h1,
#content div.fullWidth h2,
#content div.fullWidth h3,
#content div.fullWidth h4,
#content div.fullWidth h5,
#content div.fullWidth p,
#content div.fullWidth .padded {
padding-left: 20px
padding-right: 20px;
}
#content #paddedContent li {
padding-right: 10px;
}
#content ul.pbxMenu li {
padding-right: 0 !important;
}
#content #paddedContent .contentSplit .leftQuarter p,
#content #paddedContent .contentSplit .leftQuarter h1,
#content #paddedContent .contentSplit .leftQuarter h2,
#content #paddedContent .contentSplit .leftQuarter h3 {
padding-right: 0;
}
#content #paddedContent .contentSplit .rightQuarter p,
#content #paddedContent .contentSplit .rightQuarter h1,
#content #paddedContent .contentSplit .rightQuarter h2,
#content #paddedContent .contentSplit .rightQuarter h3 {
padding-left: 0;
}
#content #paddedContent img.floatl {
margin: 0 20px 0 -10px;
}
#content #paddedContent img.floatr {
margin: 0 -10px 0 20px;
}
#content ul {
margin-left: 0px;
padding-left: 20px;
list-style: outside circle;
}
#content ol {
margin-left: 0px;
padding-left: 20px;
list-style: decimal inside;
}
#content ul li,
#content ol li {
overflow: visible;
}
small {
color: #7b7f81;
font-size: 0.85em;
}
xsmall {
color: #7b7f81;
font-size: 0.70em;
}
ul.small {
color: #7b7f81;
font-size: 0.85em;
margin-top: 0;
}
#content ul li.title {
list-style: none;
}
#content ul li.action {
list-style: none;
}
p.center {
text-align: center;
}
.graphicalSteps {
background: url(/i/images/backgrounds/graphical_steps.png) no-repeat 23px bottom;
padding-left: 35px;
}
.removeStepsBorder {
background: #fff;
margin-left: -35px;
padding-left: 35px;
margin-bottom: -15px;
}
#content #paddedContent div.fakeParagraph {
margin-bottom: 1.357em;
height: 100%;
color: #2c2c2c;
}
#content #paddedContent h2.step1,
#content #paddedContent h2.step2,
#content #paddedContent h2.step3,
#content #paddedContent h2.step4,
#content #paddedContent h2.step5,
#content #paddedContent h2.step6,
#content #paddedContent h2.step7,
#content #paddedContent h2.step8,
#content #paddedContent h2.step9,
#content #paddedContent h2.step10,
#content #paddedContent.fullWidth h2.step1,
#content #paddedContent.fullWidth h2.step2,
#content #paddedContent.fullWidth h2.step3,
#content #paddedContent.fullWidth h2.step4,
#content #paddedContent.fullWidth h2.step5,
#content #paddedContent.fullWidth h2.step6,
#content #paddedContent.fullWidth h2.step7,
#content #paddedContent.fullWidth h2.step8,
#content #paddedContent.fullWidth h2.step9,
#content #paddedContent.fullWidth h2.step10,
#content #paddedContent h2.step1Disabled,
#content #paddedContent h2.step2Disabled,
#content #paddedContent h2.step3Disabled,
#content #paddedContent h2.step4Disabled,
#content #paddedContent h2.step5Disabled,
#content #paddedContent h2.step6Disabled,
#content #paddedContent h2.step7Disabled,
#content #paddedContent h2.step8Disabled,
#content #paddedContent h2.step9Disabled,
#content #paddedContent h2.step10Disabled {
padding-left: 35px !important;
background-position: top left;
background-repeat: no-repeat;
margin-left: -25px;
zoom: 1;
}
#content #paddedContent p.step1,
#content #paddedContent p.step2,
#content #paddedContent p.step3,
#content #paddedContent p.step4,
#content #paddedContent p.step5,
#content #paddedContent p.step6,
#content #paddedContent p.step7,
#content #paddedContent p.step8,
#content #paddedContent p.step9,
#content #paddedContent p.step10 {
padding: 9px 0 8px 35px !important;
background-position: top left;
background-repeat: no-repeat;
margin-left: -25px;
zoom: 1;
}
h2.step1,
p.step1 {
background-image: url(/i/images/bullets/blue_1.png);
}
h2.step2,
p.step2 {
background-image: url(/i/images/bullets/blue_2.png);
}
h2.step3,
p.step3 {
background-image: url(/i/images/bullets/blue_3.png);
}
h2.step4,
p.step4 {
background-image: url(/i/images/bullets/blue_4.png);
}
h2.step5,
p.step5 {
background-image: url(/i/images/bullets/blue_5.png);
}
h2.step6,
pstep6 {
background-image: url(/i/images/bullets/blue_6.png);
}
h2.step7,
p.step7 {
background-image: url(/i/images/bullets/blue_7.png);
}
h2.step8,
p.step8 {
background-image: url(/i/images/bullets/blue_8.png);
}
h2.step9,
p.step9 {
background-image: url(/i/images/bullets/blue_9.png);
}
h2.step10,
p.step10 {
background-image: url(/i/images/bullets/blue_10.png);
}
div.graphicalSteps.skypeToGo p.bottomMargin {
margin-bottom:5px;
}
h2.step1Disabled {
background-image: url(/i/images/bullets/grey_1.png);
color: #959595;
}
h2.step2Disabled {
background-image: url(/i/images/bullets/grey_2.png);
color: #959595;
}
h2.step3Disabled {
background-image: url(/i/images/bullets/grey_3.png);
color: #959595;
}
h2.step4Disabled {
background-image: url(/i/images/bullets/grey_4.png);
color: #959595;
}
h2.step5Disabled {
background-image: url(/i/images/bullets/grey_5.png);
color: #959595;
}
h2.step6Disabled {
background-image: url(/i/images/bullets/grey_6.png);
color: #959595;
}
h2.step7Disabled {
background-image: url(/i/images/bullets/grey_7.png);
color: #959595;
}
h2.step8Disabled {
background-image: url(/i/images/bullets/grey_8.png);
color: #959595;
}
h2.step9Disabled {
background-image: url(/i/images/bullets/grey_9.png);
color: #959595;
}
h2.step10Disabled {
background-image: url(/i/images/bullets/grey_10.png);
color: #959595;
}
#content div.contentbox div.boxheading {
padding: 10px 10px 8px 10px;
margin: 0 !important;
font: bold 1.385em Helvetica, Arial, sans-serif;
color: #2c2c2c;
}
body.voicemail.lang-pl #content div.contentbox div.boxheading {
font-size:13px;
}
body.voicemail.lang-de #content div.contentbox div.boxheading,
body.voicemail.lang-fr #content div.contentbox div.boxheading,
body.voicemail.lang-pt #content div.contentbox div.boxheading {
font-size:14px;
}
body.voicemail.lang-es #content div.contentbox div.boxheading,
body.voicemail.lang-sv #content div.contentbox div.boxheading {
font-size:17px;
}
#content div.contentbox p {
margin: 0;
padding: 10px;
}
#content div.contentbox img.floatr {
padding: 0 10px 10px 10px;
}
#content div.contentbox.yellow {
background-color: #fff8e1;
}
#content div.contentbox.yellow div.boxheading {
background-color: #ffe9a4;
}
#content div.contentbox.blue {
background-color: #e2f2fe;
}
#content div.contentbox.blue div.boxheading {
background-color: #9dd6ff;
}
#content div.contentbox.orange {
background-color: #fff0e5;
}
#content div.contentbox.orange div.boxheading {
background-color: #ffb97f;
color: #ffffff;
}
#content #infoBox {
margin: 10px 0 0 10px;
background: url(/i/images/backgrounds/yellow_blue_bottombox_bg.png) -462px 0px repeat-y;
}
#infoBox.prices {
background: url(/i/images/backgrounds/orange_yellow_blue_bottombox_bg.png) -470px 0px repeat-y !important;
margin: 0 0 30px 0;
}
#infoBox {
background:transparent url(/i/images/backgrounds/yellow_blue_bottombox_bg.png) repeat-y scroll -357px 0 !important;
}
#content #infoBox p {
padding: 10px;
}
#content #infoBox .leftBlock {
width: 335px;
float: left;
}
#content #infoBox .rightBlock {
width: 335px;
float: right;
}
#upgradeProBox {
width:437px !important;
}
#buyCreditBox {
width:230px !important;
}
#content #infoBox .leftBlockTriple {
width: 210px;
float: left;
margin: 0 10px 0 0;
}
#content #infoBox .centerBlockTriple {
width: 220px;
float: left;
}
#content #infoBox .rightBlockTriple {
width: 230px;
float: right;
}
.hiddenElement {
visibility: hidden !important;
}
.shownElement {
visibility: visible !important;
}
.hiddenBlock {
display: none !important;
}
.shownBlock {
display: block !important;
}
#content .upSellBox {
background: url(/i/images/backgrounds/upsell_box.png) no-repeat bottom left;
overflow: hidden;
zoom: 1;
}
#content .upSellBoxYellow {
background: url(/i/images/backgrounds/upsell_box_yellow.png) no-repeat bottom left;
overflow: hidden;
zoom: 1;
}
#content .upSellBox h2,
#content .upSellBoxYellow h2 {
margin-bottom: 0.75em;
padding-top: 10px;
}
#content .upSellBox .leftColumn {
width: 345px;
float: left;
display: inline;
overflow: hidden;
}
#content .upSellBox .leftColumn h2 {
background: #9dd6ff;
padding-left: 10px !important;
margin-left: 10px;
}
#content .upSellBox .rightColumn {
width: 345px;
float: right;
display: inline;
overflow: hidden;
}
#content .upSellBox .rightColumn h2,
#content .upSellBoxYellow .singleColumn h2 {
background: #ffe9a4;
padding-left: 10px !important;
margin-left: 10px;
}
#content .upSellBoxYellow .singleColumn {
overflow: hidden;
}
#content .upSellBox h2 img,
#content .upSellBoxYellow h2 img {
margin: -5px 0 0 0 !important;
}
#content .upSellBox p.buttonSmallAndText,
#content .upSellBoxYellow p.buttonSmallAndText {
margin-bottom: 1em;
}
#content .upSellCta {
height: 23px;
}
#content h2 img.icon16 {
vertical-align: middle;
margin: 0px 5px 4px 0px;
}
#content p.message {
padding: 14px 20px 16px 67px !important;
margin: 1.31em 0 1.45em 0 !important;
}
#content p.notification {
margin-top: 30px !important;
font-weight: normal;
}
p.error {
border-top: 1px solid #f08a73;
border-bottom: 1px solid #f08a73;
color: #525252;
background: #ffe3df url(/i/images/icons/message_error.png) no-repeat 20px center;
}
p.info {
border-top: 1px solid #aee756;
border-bottom: 1px solid #aee756;
color: #525252;
font-weight: bold;
background: #e9fad0 url(/i/images/icons/message_info.png) no-repeat 20px center;
}
p.warning {
border-top: 1px solid #FFCA0B;
border-bottom: 1px solid #FFCA0B;
color: #525252;
font-weight: bold;
background: #FFEFB5 url(/i/images/icons/warning_icon.png) no-repeat 20px center;
}
p.warningNoBgImg {
border-top: 1px solid #FFCA0B;
border-bottom: 1px solid #FFCA0B;
color: #525252;
font-weight: bold;
background: #FFEFB5 url(/i/images/icons/warning_icon.png) no-repeat 10px center;
padding-left: 50px;
height: 50px;
line-height: 50px;
}
p.smiley {
background: #FFF5CC url(/i/images/icons/smiley_icon.png) no-repeat scroll 20px center;
border-bottom:1px solid #FFCD00;
border-top:1px solid #FFCD00;
color:#2C2C2C;
font-weight:bold;
padding-left:52px;
}
p.message span.deEmphasize {
font-weight: normal;
}
#content p.forceLayout {
zoom: 1;
}
div.additionalInformation {
background: #E5F6FD;
border-bottom: 1px solid #7FD7F7;
border-top: 1px solid #7FD7F7;
padding: 15px 0;
overflow: hidden;
width: 100%;
}
div.additionalInformation.purple {
background: #EBEBEB;
border-bottom: 1px solid #4B465A;
border-top: 1px solid #4B465A;
margin-bottom: 19px;
}
div.additionalInformation.white {
background: none;
border-bottom: 0;
border-top: 0;
padding-top: 0px;
margin-bottom: 19px;
}
div.thinBlueBox {
background: #E5F6FD;
border-bottom: 1px solid #7FD7F7;
border-top: 1px solid #7FD7F7;
overflow: hidden;
padding-right: 10px;
}
div.thinBlueBox p {
margin-bottom: 0;
line-height: 32px;
}
div.thinBlueBox p span.splitterPipe {
color: #999999;
margin: 0 5px;
}
div.success {
padding-left: 86px;
padding-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
width: auto;
background: #E5F6FD url(/i/images/icons/okay_48x48_lightblue.png) no-repeat 20px center;
}
p.available {
color: #666666;
clear: both;
}
p.available img {
vertical-align: top;
margin-right: 3px;
}
p.available span {
/* padding-left: 5px; */
}
p.available a {
text-decoration: none;
color: #666666;
}
p.available a:hover {
text-decoration: underline;
color: #0181e3;
}
div.customLinks a {
color: #2c2c2c;
text-decoration: none;
}
div.customLinks a:hover {
color: #0181E3 !important;
text-decoration: underline !important;
}
div.customLinks a:visited {
color: #2c2c2c;
text-decoration: none;
}
p.noEmergency {
margin-top: 30px;
}
p.noEmergency.icon {
background: white url(/i/images/icons/noemergency.png) no-repeat center left;
padding-left: 50px !important;
margin-left: 20px;
}
p.noEmergency small {
color: #2c2c2c;
}
p.noEmergency strong {
color: #f00;
font-weight: normal;
}
#sidebarContent p.noEmergency {
padding: 170px 0 0 0 !important;
margin: 0 !important;
background: white url(/i/images/icons/noemergency.png) 0 130px no-repeat !important;
}
#sidebarContent p.noEmergency small {
color: #2c2c2c;
}
#sidebarContent p.noEmergency strong {
color: #f00;
font-weight: normal;
}
/* flowContainer */
.flowContainerTop {
background: url(/i/images/backgrounds/flow_container_top.png) no-repeat top left;
width: 960px;
margin-bottom: 0.93em;
}
.flowContainerBottom {
background: url(/i/images/backgrounds/flow_container_bottom.png) no-repeat bottom left;
padding: 21px 21px 22px 21px;
}
.flowContent {
padding: 10px 20px 0 20px;
}
.flowSubmit {
padding: 17px 20px 18px 20px;
background: url(/i/images/backgrounds/flow_container_submit.png);
overflow: hidden;
}
* html .flowContent,
* html .flowSubmit {
display: inline-block;
}
#content #paddedContent .flowContent p,
#content #paddedContent .flowContent h1,
#content #paddedContent .flowContent h2,
#content #paddedContent .flowContent h3,
#content #paddedContent .flowContent h4,
#content #paddedContent .flowContent h5,
#content #paddedContent .flowContent h6 {
padding-left: 10px;
padding-right: 10px;
}
/* width sidebar */
#container.remake {
margin-top: 0 !important;
}
#container.sidebar div.flowContainerTop {
background: url(/i/images/backgrounds/flow_container_thin_top.png) no-repeat top left;
width: 690px;
margin-bottom: 0.93em;
}
#container.sidebar div.flowContainerBottom {
background: url(/i/images/backgrounds/flow_container_thin_bottom.png) no-repeat bottom left;
padding: 5px 21px 22px 21px;
}
#container.sidebar div.flowContent {
padding: 5px;
}
#container.sidebar div.flowContent table th {
background-color: #f6f6f6;
padding: 10px;
font-weight: bold;
}
#container.sidebar div.flowContent table td {
padding: 10px;
}
#container.sidebar div.flowContent table tr.firstRow td {
border-top: 1px solid #c4c7c7;
}
#container.sidebar div.flowContent table tr.odd td {
background-color: #ffffff;
}
#container.sidebar div.flowContent table tr.even td {
background-color: #f6f6f6;
}
#content #paddedContent.fullWidth {
padding-right: 0;
}
p.simpleInfo {
background: url(/i/images/icons/info_16x16.png) no-repeat 10px 0;
padding-left: 34px !important;
}
.flowThin {
padding-bottom: 11px;
background: url(/i/images/backgrounds/flowthin_submit_shadow.png) bottom center repeat-x;
zoom: 1;
}
.flowContentThin {
border: 1px solid #cccccc;
}
.flowContentThin.withTabs {
margin-top: -19px;
border-top: 0;
}
.tabContents {
overflow: visible;
height: 0;
}
#content #paddedContent .flowContentThin p,
#content #paddedContent .flowContentThin h1,
#content #paddedContent .flowContentThin h2,
#content #paddedContent .flowContentThin h3,
#content #paddedContent .flowContentThin h4,
#content #paddedContent .flowContentThin h5,
#content #paddedContent .flowContentThin h6 {
padding-left: 10px;
padding-right: 10px;
}
.flowSubmitThin {
padding: 17px 20px 18px 20px;
background: url(/i/images/backgrounds/flow_container_submit.png);
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
}
* html .flowContentThin,
* html .flowSubmitThin {
display: inline-block;
}
.default p.simpleInfo,
.fullWidth p.simpleInfo {
background: url(/i/images/icons/info_16x16.png) no-repeat 20px 0;
padding-left: 44px !important;
}
#content #paddedContent .flowContent p.simpleInfo {
background: url(/i/images/icons/info_16x16.png) no-repeat 10px 0;
padding-left: 34px !important;
}
table.listTable {
width: 100%;
}
.flowContent table.listTable {
margin-top: 0.79em;
}
table.listTable th {
border-bottom: 1px solid #7fd7f7;
font-weight: bold;
padding: 8px 5px 9px 5px;
}
table.listTable td {
padding: 8px 5px 8px 5px;
vertical-align: middle;
}
table.listTable .right {
padding-right: 20px;
}
table.listTable .left {
padding-left: 20px;
}
.flowContent table.listTable .right {
padding-right: 10px;
}
.flowContent table.listTable .left {
padding-left: 10px;
}
table.listTable span.flag {
margin-top: -2px;
}
tr.even td {
background: #fff;
}
tr.odd td {
background: #e5f7fd;
}
tr.edit td.edit {
border-top: 1px solid #bfc4c4;
background: #fffb93 url(/i/images/backgrounds/flow_edit.png) top left repeat-x;
padding-left: 0;
padding-right: 0;
}
table.listTable td.edit th {
border: none;
padding-bottom: 3px;
padding-top: 3px;
}
table.listTable td.edit table.editTable td {
padding-top: 2px;
padding-bottom: 2px;
}
table.editTable span.buttonSmall {
margin-left: 8px;
}
table.editTable td small {
margin-top: 5px;
}
table.wideTable {
width: 100%;
}
.hiLite {
color: #00aff0;
}
#content .flowContent p.message {
margin-top: 0 !important;
}
td.toBottom {
vertical-align: bottom !important;
padding-bottom: 10px !important;
}
.atlasImage {
position: absolute;
}
.table.formTable {
}
table.formTable td,
table.formTable th {
padding: 0 0 12px 0;
}
table.formTable td {
padding: 0 20px 12px 0;
}
table.formTable th {
text-align: right;
}
table.formTable th label {
padding-right: 18px;
}
table.formTable td.error input,
table.formTable td.error select,
table.formTable td.error textarea {
border: 1px solid #ff4c3c;
background: #ffe3df;
}
/* Local site bar*/
#localSiteBar {
border-bottom: 1px solid #e9e9e9;
background: #fff5cc;
overflow: hidden;
height: 0;
}
#localSiteBarContent {
width: 920px;
margin: 0 auto;
font-size: 0.79em;
color: #525252;
background: url(/i/images/icons/info_16x16_yellow.png) no-repeat left 4px;
line-height: 16px;
}
#localSiteBar span {
display: block;
padding: 5px 0 5px 21px;
}
#localSiteBar .flag {
vertical-align: middle;
margin-top: -3px;
}
#localSiteBar #closeButton {
height: 16px;
width: 16px;
float: right;
background: url(/i/images/buttons/delete_small.png) no-repeat center center;
margin-top: 3px;
}
#content ul.steps li {
list-style-type: none;
list-style-position: outside;
padding-left: 25px;
height: 100%;
}
#content ul.steps li.step1 {
background: transparent url(/i/images/bullets/blue_1_small.png) no-repeat 0 0;
}
#content ul.steps li.step2 {
background: transparent url(/i/images/bullets/blue_2_small.png) no-repeat 0 0;
}
#content ul.steps li.step3 {
background: transparent url(/i/images/bullets/blue_3_small.png) no-repeat 0 0;
}
#content ul.steps li.step4 {
background: transparent url(/i/images/bullets/blue_4_small.png) no-repeat 0 0;
}
#content ul.steps li.step5 {
background: transparent url(/i/images/bullets/blue_5_small.png) no-repeat 0 0;
}
#content ul.steps li.step6 {
background: transparent url(/i/images/bullets/blue_6_small.png) no-repeat 0 0;
}
#content ul.steps li.step7 {
background: transparent url(/i/images/bullets/blue_7_small.png) no-repeat 0 0;
}
#content ul.steps li.step8 {
background: transparent url(/i/images/bullets/blue_8_small.png) no-repeat 0 0;
}
#content ul.steps li.step9 {
background: transparent url(/i/images/bullets/blue_9_small.png) no-repeat 0 0;
}
/* fancy tooltip */
#fancyTip {
z-index: 1000;
position: absolute;
top: -100px;
left: -100px;
}
#fancyTip .pointer {
background: transparent url(/i/images/backgrounds/tooltip-arrow.png) no-repeat 16px 0px;
height: 16px;
width: 50px;
position: relative;
z-index: 2;
}
#fancyTip .tip {
min-width: 50px;
margin-top: -5px;
background: #fff5cc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 5px solid #919191;
padding: 7px;
font-size: 12px;
line-height: 16px;
z-index: 1;
_border-top: 6px;
_margin-top: -6px;
}
.forScreenReader {
position: absolute;
top: -10000px;
left: 0;
}
#content p.successBottomMargin {
margin-bottom: 120px;
}
div#contentHeader {
position: relative;
width: 100%;
min-height: 190px;
height: auto !important;
height: 190px;
overflow: hidden;
}
div#contentHeader .middleContent {
position: relative;
width: 996px;
min-height: 190px;
height: auto !important;
height: 190px;
margin-left: auto;
margin-right: auto;
background-color: #03b0f0;
overflow: hidden;
}
div#contentHeader .registeredUser {
min-height: 224px;
height: auto !important;
height: 224px;
}
#contentHeader .middleContent h1,
#contentHeader .middleContent h2,
#contentHeader .middleContent h3,
#contentHeader .middleContent p {
margin-left: 38px;
}
div#contentHeader .middleContent h1 {
color: white;
padding-top: 15px;
margin-bottom: 0px;
width: 650px;
}
div#contentHeader .middleContent h1.subHeading {
padding-top: 0px;
width: 600px;
padding-bottom: 15px;
}
div#contentHeader .middleContent h2.subHeading {
padding-top: 0px;
width: 600px;
padding-bottom: 15px;
}
div#contentHeader .middleContent h3.subHeading {
color: white;
padding-bottom: 30px;
}
div#contentHeader .middleContent .subHeading {
color: #b6e8fb;
}
div#contentHeader .middleContent .subHeading a {
color: #fff;
}
/* countryList */
#content #paddedContent ul.countryList {
clear:both;
color:#525252;
font-size:0.79em;
list-style-image:none !important;
list-style-position:outside !important;
list-style-type:none !important;
padding:0 0 0 6px !important;
}
#content #paddedContent ul.countryList li {
display:inline;
float:left;
margin:0 0 0 14px;
padding:0 !important;
width:214px;
}
#upgradeLayer {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
color: #fff;
z-index: 99999;
}
#upgradeLayer * {
background-color: transparent;
}
#upgradeLayer #bodyDimmer {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
background: url(/i/images/backgrounds/body-dimmer.png);
}
#upgradeLayer #contentDimmer {
position: absolute;
top: 104px;
left: 0;
width: 100%;
height: 550px;
background: #000;
opacity: 0.85;
-moz-opacity: 0.85;
filter: progid:DXImageTransform.Microsoft.Alpha(opacity=85);
}
#upgradeLayer #pleaseUpgrade {
width: 860px;
margin: 0 auto;
position: relative;
z-index: 9999999;
padding: 180px 0 75px 0;
}
#upgradeLayer #pleaseUpgrade h1,
#upgradeLayer #pleaseUpgrade p,
#upgradeLayer #pleaseUpgrade a {
color: #fff;
}
#upgradeLayer #pleaseUpgrade p {
font-size: 20px;
font-weight: normal;
}
#upgradeLayer #pleaseUpgrade h1 {
font-size: 24px;
}
#upgradeLayer #pleaseUpgrade a {
text-decoration: none;
font-size: 18px;
}
#upgradeLayer .downloadBrowsers a {
display: inline;
float: left;
margin: 0 30px 0 0;
padding: 10px 0 10px 40px;
}
#upgradeLayer .downloadBrowsers #downloadChrome {
background: url(/i/images/icons/chrome-32x32-index.png) no-repeat left center;
}
#upgradeLayer .downloadBrowsers #downloadFirefox {
background: url(/i/images/icons/firefox-32x32-index.png) no-repeat left center;
}
#upgradeLayer .downloadBrowsers #downloadIE {
background: url(/i/images/icons/msie-32x32-index.png) no-repeat left center;
}
#upgradeLayer .downloadBrowsers #downloadOpera {
background: url(/i/images/icons/opera-32x32-index.png) no-repeat left center;
}
#upgradeLayer a#dontUpgrade {
float: right;
padding-right: 25px;
background: url(/i/images/misc/closedimmer-16x16-index.png) no-repeat right center;
font-size: 11px;
font-weight: normal;
margin: 11px 0 0 0;
}
.hidden {
visibility: hidden;
}
.upgradeHidden {
visibility: hidden;
}
#paddedContent .contentSplit.fullSize {
height: 100%;
overflow: hidden
}
.contentSection {
padding-bottom: 30px;
}
#externalLinkTip {
position: absolute;
width: 263px;
z-index: 99999;
top: -1000px;
left: 0px;
}
#externalLinkTip div.top {
width: 263px;
padding-top: 45px;
position: relative;
background: top left no-repeat url(/i/images/backgrounds/tooltip_top.png);
}
* html #externalLinkTip div.top {
width: 263px;
background: 10px 0px no-repeat url(/i/images/backgrounds/tooltip_top.gif);
}
#externalLinkTip div.content {
background: bottom left no-repeat url(/i/images/backgrounds/tooltip_bg.png);
font-size: 12px;
color: #3A3A3A;
width: 263px;
position: relative;
}
* html #externalLinkTip div.content {
background: 10px 100% no-repeat url(/i/images/backgrounds/tooltip_bg.gif);
}
#externalLinkTip div.content div.message {
position: relative;
padding: 0px 30px;
top: -27px;
margin-bottom: -15px;
}
.toggleBlock {
height: 100%;
overflow: hidden;
}
.toggleBlock .toggleTitle {
display: none;
height: 100%;
overflow: hidden;
}
.toggleBlock .toggleBody {
height: 100%;
overflow: hidden;
}
.toggleBlock.closed .toggleBody {
display: none;
}
.toggleBlock.open .toggleBody {
display: block;
}
#content .footNotes {
margin-left: 15px;
margin-right: 15px;
}
#content .footNotes li {
font-size: 12px;
color: #444444;
margin: 8px 0;
}
div.quickFilter {
float: left;
position: relative;
width: 240px;
height: 32px;
background: url(/i/images/backgrounds/quickfilter_bg.gif) 0 0 no-repeat;
}
div.quickFilter select.quickList {
display: none;
}
div.quickFilter a.clear {
display: none;
position: absolute;
right: 8px;
top: 8px;
width: 16px;
height: 16px;
cursor: pointer;
background: url(/i/images/misc/quickfilter_clear.png) no-repeat 0 0;
}
div.quickFilter .quickFilterInput {
font-family: Helvetica, Arial, sans-serif;
font-weight: bold;
font-size: 18px;
opacity: 1;
border: none;
margin: 0;
padding: 0;
background: #0099FF;
display: block;
width: 205px;
background: url(/i/images/backgrounds/search.png) 8px 9px no-repeat;
height: 27px;
padding: 4px 0 0 28px;
}
div.quickFilter input.quickFilterInput.grayOut {
color: #999999;
}
* html div.quickFilter .quickFilterInput {
background-attachment: fixed;
}
div.quickFilter .quickFilterInput.empty {
color: #999999;
}
div.horSeparator {
background: url(/i/images/illustrations/download_horiz_separator.png) no-repeat top left;
display: block;
height: 36px;
margin-bottom: 15px;
margin-left: 20px;
width: 921px;
clear: both;
}
div.horSeparatorV2 {
background: url(/i/images/illustrations/download_horiz_separator_v2.png) no-repeat top left;
display: block;
height: 36px;
margin-bottom: 15px;
margin-left: 20px;
width: 921px;
clear: both;
}
/* autocomplete styles */
.ac_results {
width: 240px !important;
padding: 14px 0px 0px 0px;
background-color: white;
z-index: 99999;
margin-top: 3px;
background: url(/i/images/backgrounds/quickfilter_top.png) no-repeat top left;
}
.ac_results ul {
background: #fff url(/i/images/backgrounds/quickfilter_bottom.png) no-repeat bottom left;
list-style-position: outside;
list-style: none;
padding: 0 0 5px 0;
margin: 0;
/* max-height: 258px !important;*/
}
.ac_results li {
color: #4b465a;
margin: 0px;
padding: 7px 10px 5px;
cursor: pointer;
display: block;
border-left: 1px solid #cdcdcd;
border-right: 1px solid #cdcdcd;
font-size: 14px;
line-height: 18px;
overflow: hidden;
border-top: 1px solid #d2dcdf;
}
.ac_results li.quickFilterMax,
.ac_results li.quickFilterNone {
color: #636363;
}
.ac_results li.ac_over.quickFilterMax,
.ac_results li.ac_over.quickFilterNone {
background-color: #fff;
}
.ac_results li strong {
font-weight: bold;
}
.ac_results li span.flag {
margin-right: 8px;
}
.ac_results li:first-child {
border-top: none;
}
.ac_odd {
/* background-color: #eee;*/
}
.ac_over {
background-color: #DFF5FD;
}
/* autocomplete temp styles end here */
/* Get Skype page styles */
div#contentHeader {
background-color: #00aff0;
}
div#contentHeader.getSkype {
width: 100%;
min-height: 161px;
height: auto! important;
height: 161px;
background-color: #00aff0;
/* margin-top: 4px; */
overflow: visible;
}
div#contentHeader.getSkype div.middleContent {
width: 954px;
background: #00aff0 url(/i/images/backgrounds/getskype.jpg) no-repeat bottom center;
position: relative;
overflow: visible;
}
div#contentHeader.getSkype div.middleContent h1 {
width: 352px;
padding-top: 40px;
padding-bottom: 40px;
}
div#paddedContent div.onYourComputer {
width: 360px;
min-height: 210px;
height: auto !important;
height: 210px;
float: left;
}
div#content div#paddedContent div.onYourComputer p,
div#content div#paddedContent div.onYourComputer h2,
div#content div#paddedContent div.onYourComputer img,
div#content div#paddedContent div.onYourComputer a,
div#content div#paddedContent div.onYourMobile a {
padding-left: 20px;
float: left;
}
div#content div#paddedContent div.onYourComputer p {
width: 100%;
}
div#paddedContent div.onYourComputer a.buttonSimpleMedium,
div#paddedContent div.onYourMobile a.buttonSimpleMedium {
margin-bottom: 20px;
float: left;
}
div#paddedContent div.onYourComputer img {
float: left;
clear: both;
}
div#paddedContent div.onYourComputer span.grayQuestion {
font-size: 14px;
font-weight: bold;
color: #afb4b4;
margin-left: -10px;
}
div#contentHeader.getskype {
position: relative;
overflow: visible;
}
div#paddedContent div.phones {
float: left;
padding-bottom: 30px;
}
div#paddedContent div.onYourMobile {
width: 420px;
float: left;
margin-bottom: 20px;
}
div#paddedContent div.onYourMobile span.small{
font-size: 12px;
color: #bababa;
float: left;
width: 390px;
}
div#paddedContent div.onYourTvText {
float: left;
width: 432px;
margin-bottom: 30px;
padding-left: 30px;
padding-top: 10px;
}
div#paddedContent div.onYourTv {
float: right;
width: 450px;
margin-bottom: 30px;
padding-left: 10px;
}
div#paddedContent div.onYourTvText img,
div#paddedContent div.onYourTv img {
float: left;
margin-right: 30px;
}
div#content div#paddedContent div.onYourTvText h2,
div#content div#paddedContent div.onYourTv h2,
div#content div#paddedContent div.onYourTvText p,
div#content div#paddedContent div.onYourTv p {
margin-left: 0px;
padding-left: 0px;
}
div#paddedContent div.atWork {
width: 920px;
min-height: 163px;
height: auto !important;
height: 163px;
background: #f4f4f4 url(/i/images/photos/business_lady.jpg) no-repeat right center;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
position: relative;
margin-bottom: 20px;
}
div#paddedContent div.atWork img {
position: absolute;
bottom: 0px;
left: 210px;
}
div#content div#paddedContent div.atWork h2 {
padding-left: 30px;
width: 420px;
padding-top: 25px;
}
div#content div#paddedContent div.atWork p,
div#content div#paddedContent div.atWork a {
padding-left: 30px;
width: 420px;
}
div#content div#paddedContent div.atWork a {
display: block;
height: 40px;
position: relative;
z-index: 1;
}
div#container div#content div#paddedContent div.onYourComputer div.bubbleLink a {
color: #afb4b4;
text-decoration: none;
font-weight: bold;
line-height: 20px;
padding: 0px 0 7px 23px;
background: url(/i/images/icons/info_with_shadow_20x20_white.png) no-repeat left top;
width: 330px;
}
div#container div#content div#paddedContent div.onYourComputer div.bubbleLink a:hover {
color: #afb4b4;
text-decoration: underline;
font-weight: bold;
line-height: 20px;
padding: 0px 0 7px 23px;
background: url(/i/images/icons/info_with_shadow_20x20_white.png) no-repeat left top;
width: 330px;
}
div#contentHeader div.middleContent.getskype h1 {
margin-left: 17px;
}
/* Getskype slideshow */
div#contentHeader div.pcSlideshow {
display: block;
width: 500px;
position: absolute;
top: 75px;
right: 0px;
z-index: 99;
}
div#contentHeader div.macBookSlideshow {
display: block;
width: 567px;
position: absolute;
top: 75px;
right: 0px;
z-index: 99;
}
div#contentHeader div.pcSlideshow div#slideshow {
position: absolute;
bottom: 64px;
left: 84px;
height:240px;
}
div#contentHeader div.macBookSlideshow div#slideshow {
position: absolute;
bottom: 52px;
left: 91px;
height:240px;
}
div#contentHeader div.macBookSlideshow div#slideshow IMG,
div#contentHeader div.pcSlideshow div#slideshow IMG {
position:absolute;
top:0;
left:0;
z-index:8;
}
div#contentHeader div.macBookSlideshow div#slideshow IMG.active,
div#contentHeader div.pcSlideshow div#slideshow IMG.active {
z-index:10;
}
div#contentHeader div.macBookSlideshow div#slideshow IMG.last-active,
div#contentHeader div.pcSlideshow div#slideshow IMG.last-active {
z-index:9;
}
/** Rate selector **/
.rateSelector {
min-height: 185px;
padding-left: 20px;
width: 440px;
}
.rateSelector img {
bottom: 8px;
position: absolute;
right: 7px;
z-index: 10;
}
.rateSelector .ratesArea {
min-height: 175px;
overflow: hidden;
}
.rateSelector .ratesIntro {
min-width: 440px;
background-color: white;
}
.rateSelector #suggesticator {
margin-bottom: 20px;
height: 34px;
position: relative;
}
.rateSelector #suggesticator button,
.rateSelector #suggesticator a.buttonSimpleMedium {
float: left;
margin-left: 8px;
margin-top: 3px;
}
.rateSelector .countryRateDetails {
clear: both;
display: none;
width: 380px;
min-width: 380px;
}
.rateSelector .countryRateOptions {
min-width: 380px;
}
.rateSelector .countryRateDetails .countryRateOptions .paymentOptionCell {
float: left;
width: 180px;
min-width: 180px;
margin-right: 10px;
}
.rateSelector .countryRateOptions .paymentOptionCell .paymentMethod {
font-weight: bold;
color: #afb4b4;
text-transform: uppercase;
}
.rateSelector .countryRateOptions .paymentOptionCell .paymentPrice .noVat {
color: #2c2c2c;
font-size: 18px;
font-weight: bold;
line-height: 25px;
}
.rateSelector .countryRateOptions .paymentOptionCell .paymentPrice .noVat a {
color: #2c2c2c;
text-decoration: none;
}
.rateSelector .countryRateOptions .paymentOptionCell .paymentPrice .noVat a:hover {
color: #666;
text-decoration: none;
}
.rateSelector .countryRateOptions .paymentOptionCell .paymentPrice .vat {
color: #2c2c2c;
font-size: 10px;
font-weight: normal;
}
.rateSelector .countryRateOptions .paymentOptionCell .callTo {
display: none;
}
.rateSelector .countryRateOptions .payMonthly {
display: none;
}
.rateSelector .unlimited {
display: none;
}
.rateSelector .paymentNotFound {
display: none;
}
.rateSelector p.learnMore {
margin-bottom: 0;
}
.ratesArea p.learnMore .buttonSimpleMedium {
margin-right: 6px;
}
.rateSelector #homeRateSelector {
background: white;
border: 1px solid #AAAAAA;
height: 30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.rateSelector #homeRateSelector a.clear {
top: 7px;
}
.rateSelector #rateSelectorInput {
font-family: 'Helvetica Neue', HelveticaNeue, Helvetica, Arial, sans-serif;
font-size: 18px;
font-weight: bold;
color: #666666;
line-height: 19px;
height: 20px;
padding-top: 4px;
padding-bottom: 6px;
background-position: 8px 8px;
}
.rateSelector #rateSelectorInput.grayOut {
color: #AAAAAA;
font-weight: normal;
font-size: 14px;
height: 18px;
line-height: 16px;
padding-top: 6px;
padding-bottom: 8px;
}
.dynamicRatesWithSidebar #rateSelectorInput {
background-position: 8px 9px;
}
.dynamicRatesWithSidebar #rateSelectorInput.grayOut {
font-size: 18px;
}
.dynamicRatesWithSidebar .countryRateOptions {
height: 100%;
overflow: hidden;
}
.dynamicRatesWithSidebar #suggesticator a.viewMoreButton {
display: none;
}
/******** new home page ***************/
body.homePage #container.oneThirdSidebar #content {
padding-top: 30px;
}
body.homePage #container.oneThirdSidebar #sidebar {
padding-top: 30px;
}
body.cms .hero .heroWrapper .heroSlides .heroSlide .text {
width: 370px;
}
body.cms .getSkype .skypeNotInstalled .text h2,
body.cms .getSkype .skypeInstalled .text h2 {
width: 400px;
}
/******** htc page ***********************/
div#contentHeader.htcHeader {
background-color: #00bdf4;
min-height: 290px;
height: auto !important;
height: 290px;
overflow: visible;
}
* html div.htcHeader {
background-color: #00bdf4 !important;
min-height: 290px !important;
height: auto !important;
height: 290px !important;
overflow: visible;
margin-top: 5px !important;
}
div#contentHeader.htcHeader div.middleContent {
background-color: #00bdf4;
min-height: 290px;
height: auto !important;
height: 290px;
margin-top: 5px;
overflow: visible;
}
div#contentHeader.htcHeader div.middleContent h1 {
padding-left: 150px;
padding-top: 30px;
padding-bottom: 250px;
}
div#container.htc {
overflow: visible;
}
div#container div#content.htcContent {
background: transparent url(/i/images/backgrounds/htc-main-bg.png) no-repeat center top;
position: relative;
top: -210px;
z-index: 99;
height: 100%;
}
* html div.htcContent {
background: transparent url(/i/images/backgrounds/htc-main-bg.png) no-repeat center top;
position: relative;
top: -210px;
z-index: 99;
height: 100%;
}
div#container div#content.htcContent div.videoContainer {
height: 325px;
width: 580px;
margin-left: 205px;
background: transparent url(/i/images/backgrounds/htc-blank-videoplayer-bg.png) no-repeat top left;
}
div#container div#content.htcContent div.videoContainer p.message {
margin: 0px !important;
padding: 0 70px !important;
}
div#container div#content.htcContent div.videoSwitcher {
width: 580px;
margin: 0 0 0 205px;
}
div#container div#content.htcContent div.videoSwitcher div.optionLeftActive,
div#container div#content.htcContent div.videoSwitcher div.optionRightActive,
div#container div#content.htcContent div.videoSwitcher div.optionLeftInactive,
div#container div#content.htcContent div.videoSwitcher div.optionRightInactive {
width: 230px;
min-height: 130px;
height: auto !important;
height: 130px;
padding: 20px 30px;
float: left;
}
div#container div#content.htcContent div.videoSwitcher div.optionLeftActive p,
div#container div#content.htcContent div.videoSwitcher div.optionRightActive p,
div#container div#content.htcContent div.videoSwitcher a {
font-weight: bold;
}
div#container div#content.htcContent div.videoSwitcher div.optionLeftActive {
background: transparent url(/i/images/backgrounds/htc-videoswitcher-active-gb.png) repeat-x top;
}
div#container div#content.htcContent div.videoSwitcher div.optionLeftInactive {
background: transparent url(/i/images/backgrounds/htc-videoswicher-left-inactive.png) repeat-x top;
cursor: hand;
cursor: pointer;
}
div#container div#content.htcContent div.videoSwitcher div.optionRightActive {
background: transparent url(/i/images/backgrounds/htc-videoswitcher-active-gb.png) repeat-x top;
}
div#container div#content.htcContent div.videoSwitcher div.optionRightInactive {
font-weight: normal;
background: transparent url(/i/images/backgrounds/htc-videoswicher-right-inactive.png) no-repeat left top;
cursor: hand;
cursor: pointer;
}
div#container div#content.htcContent div.videoSwitcher div.optionLeftInactive p,
div#container div#content.htcContent div.videoSwitcher div.optionRightInactive p,
div#container div#content.htcContent div.videoSwitcher div.optionRightInactive a,
div#container div#content.htcContent div.videoSwitcher div.optionLeftInactive a {
color: #9f9f9f;
}
div#container div#content.htcContent div.fourColumns {
clear: both;
padding-top: 30px;
padding-left: 20px;
}
div#container div#content.htcContent div.fourColumns div.column {
padding-top: 100px;
float: left;
margin-right: 20px;
width: 210px;
}
div#container div#content.htcContent div.fourColumns div.column a,
div#container div#content.htcContent div.teamIntroduction a {
font-weight: bold;
}
div#container div#content.htcContent div.fourColumns div.column.videoCall {
background: transparent url(/i/images/backgrounds/video-call-with-shadow.png) no-repeat top center;
}
div#container div#content.htcContent div.fourColumns div.column.call {
background: transparent url(/i/images/backgrounds/call-with-backround.png) no-repeat top center;
}
div#container div#content.htcContent div.fourColumns div.column.access {
background: transparent url(/i/images/backgrounds/access-with-shadow.png) no-repeat top center;
}
div#container div#content.htcContent div.fourColumns div.column.manager {
background: transparent url(/i/images/backgrounds/skype-manager.png) no-repeat top center;
}
div#container div#content.htcContent div.teamIntroduction {
position: relative;
top: 60px;
min-height: 210px;
height: auto !important;
height: 210px;
padding-left: 250px;
background: transparent url(/i/images/backgrounds/htc-guy.png) no-repeat top left;
padding-bottom: 70px;
clear: both;
}
div.footerIllustration {
width: 100%;
height: 70px;
background: transparent url(/i/images/backgrounds/htc-mountain.png) no-repeat bottom right;
margin-bottom: -270px;
}
* html div#container div#content.htcContent div.teamIntroduction {
clear: both;
}
* html div.footerIllustration {
position: relative;
margin-bottom: -270px;
}
*:first-child+html div.footerIllustration {
margin-bottom: -270px;
}
/* Homepage h1 size fix for long copy */
div.heroSlide h1.small {
font-size: 2.1em;
line-height: 1em;
}
/* new videoplayer styles */
#videoPlayer {
position: fixed;
left: 50%;
z-index: 10000;
top: 0;
text-align: center;
width: 940px;
height: auto;
margin: 120px 0 0 -470px;
padding-bottom: 19px;
background: url(/i/images/backgrounds/videoplayer-shadow.png) no-repeat bottom center;
display: none;
}
* html #videoPlayer {
position: absolute;
background: none;
padding-bottom: 0;
}
#videoPlayer .playerArea {
padding: 45px 0;
background: #fff;
-webkit-border-radius: 5px;
-webkit-border-top-right-radius: 0;
-moz-border-radius: 5px;
-moz-border-radius-topright: 0;
border-radius: 5px;
border-top-right-radius: 0;
-moz-box-shadow: 0 0 15px #ccc;
-webkit-box-shadow: 0 0 15px #ccc;
}
* html #videoPlayer .playerArea {
width: 200px;
}
#videoPlayer .close {
height: 40px;
top: -30px;
right: 0;
position: absolute;
z-index: 10001;
line-height: 25px;
font-size: 12px;
color: #666666;
font-weight: bold;
outline: 0;
text-align: right;
cursor: pointer;
}
#videoPlayer .close:hover {
text-decoration: none;
}
#videoPlayer .close:hover .link span {
text-decoration: underline;
}
#videoPlayer .close .background {
height: 30px;
right: -15px;
display: block;
position: absolute;
width: 100%;
overflow: hidden;
z-index: 9;
}
#videoPlayer .close .background span {
display: block;
position: relative;
top: 0;
height: 25px;
background: #fff;
margin: 15px;
-moz-box-shadow: 0 0 15px #ccc;
-webkit-box-shadow: 0 0 15px #ccc;
-webkit-border-top-left-radius: 15px;
-webkit-border-top-right-radius: 15px;
-moz-border-radius-topleft: 15px;
-moz-border-radius-topright: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
#videoPlayer .close .link {
top: 20px;
position: relative;
z-index: 10;
padding: 0 38px 0 42px;
white-space: nowrap;
}
#videoPlayer .close img {
vertical-align: middle;
background: url('/i/images/backgrounds/misc_background_alpha.png') no-repeat -140px 0;
padding-left: 5px;
position: absolute;
right: 0;
top: -5px;
}
/******** Social Media buttons ***********************/
div.share #fb-root {
display:inline;
}
div.share fb:like {
top: -3px;
left: 5px;
}
/* sideBar */
#sidebarContent {
/* font-size: 1.08em; */
/* font-family: "Lucida Grande", Helvetica, Arial, sans-serif; */ /* 14px */
/*line-height: 1.357em; */ /* 19px */
}
#sidebar #sidebarContent {
padding: 60px 20px 0 17px;
}
#sidebar #sidebarContent.lowTop {
padding-top: 0;
}
#sidebarContent strong.sidebarHeading {
display: block;
color: #444444;
}
#sidebarContent strong.sidebarHeading img {
vertical-align: middle;
}
#sidebarContent img.floatl {
margin: 0 10px 0 -10px;
}
#sidebarContent img.floatr {
margin: 0 -10px 0 10px;
}
#sidebarContent div.sidebarButton {
margin: -55px 0 -24px -17px;
padding: 45px 0 50px;
display: block;
float: left;
width: 221px;
color: #0181e3;
background: url(/i/images/buttons/sidebar/grad_vline.png) center right no-repeat;
}
* html #sidebarContent div.sidebarButton {
margin: -55px -30px -26px -9px;
}
#sidebarContent div.sidebarButton a {
display: block;
float: left;
cursor: pointer;
min-height: 41px;
width: 203px;
padding-left: 18px;
text-decoration: none;
font-weight: bold;
color: #0181e3;
}
* html #sidebarContent div.sidebarButton a {
min-height: 41px;
}
#sidebarContent div.sidebarButton a img {
display: block;
margin: 6px 0 0 0;
width: 24px;
height: 24px;
float: left;
}
#sidebarContent div.sidebarButton a span {
margin: 10px 15px 10px 30px !important;
display: block !important;
text-decoration: underline !important;
font-weight: bold !important;
color: #0181e3 !important;
background: transparent !important;
}
#sidebarContent div.sidebarButton a:hover {
color: #0181e3 !important;
}
#sidebarContent div.sidebarButton a:active {
color: #2c2c2c !important;
}
#sidebarContent div.sidebarButton a:visited {
color: #0181e3 !important;
}
/* GREEN button background */
#sidebarContent div.sidebarButton a.green {
background: url(/i/images/buttons/sidebar/green_sidebar.png) 0px bottom no-repeat !important;
}
#sidebarContent div.sidebarButton a.green:hover {
background: url(/i/images/buttons/sidebar/green_sidebar.png) -221px bottom no-repeat !important;
}
#sidebarContent div.sidebarButton a.green:active {
background: url(/i/images/buttons/sidebar/green_sidebar.png) -442px bottom no-repeat !important;
}
/* YELLOW button background */
#sidebarContent div.sidebarButton a.yellow {
background: url(/i/images/buttons/sidebar/yellow_sidebar.png) 0px bottom no-repeat !important;
}
#sidebarContent div.sidebarButton a.yellow:hover {
background: url(/i/images/buttons/sidebar/yellow_sidebar.png) -221px bottom no-repeat !important;
}
#sidebarContent div.sidebarButton a.yellow:active {
background: url(/i/images/buttons/sidebar/yellow_sidebar.png) -442px bottom no-repeat !important;
}
/* BLUE button background */
#sidebarContent div.sidebarButton a.blue {
background: url(/i/images/buttons/sidebar/blue_sidebar.png) 0px bottom no-repeat !important;
}
#sidebarContent div.sidebarButton a.blue:hover {
background: url(/i/images/buttons/sidebar/blue_sidebar.png) -221px bottom no-repeat !important;
}
#sidebarContent div.sidebarButton a.blue:active {
background: url(/i/images/buttons/sidebar/blue_sidebar.png) -442px bottom no-repeat !important;
}
#sidebar #sidebarContent ul {
clear: left;
list-style: circle inside;
}
#sidebar #sidebarContent ul li.title {
list-style: none outside;
margin: 0;
padding: 0;
}
#sidebarContent ul li strong.sidebarHeading {
display: inline;
}
#sidebar #sidebarContent ul.steps {
margin: 0;
padding: 0;
margin-top: -1em;
}
#sidebar #sidebarContent ul.steps li {
list-style-type: none;
list-style-position: outside;
padding-left: 25px;
height: 100%;
margin: 0;
}
#sidebar #sidebarContent ul.steps li.step1 {
background: transparent url(/i/images/bullets/blue_1_small.png) no-repeat 0px 2px;
}
#sidebar #sidebarContent ul.steps li.step2 {
background: transparent url(/i/images/bullets/blue_2_small.png) no-repeat 0px 2px;
}
#sidebar #sidebarContent ul.steps li.step3 {
background: transparent url(/i/images/bullets/blue_3_small.png) no-repeat 0px 2px;
}
#sidebar #sidebarContent ul.steps li.step4 {
background: transparent url(/i/images/bullets/blue_4_small.png) no-repeat 0px 2px;
}
#sidebar #sidebarContent ul.steps li.step5 {
background: transparent url(/i/images/bullets/blue_5_small.png) no-repeat 0px 2px;
}
#sidebar #sidebarContent ul.steps li.step6 {
background: transparent url(/i/images/bullets/blue_6_small.png) no-repeat 0px 2px;
}
#sidebar #sidebarContent ul.steps li.step7 {
background: transparent url(/i/images/bullets/blue_7_small.png) no-repeat 0px 2px;
}
#sidebar #sidebarContent ul.steps li.step8 {
background: transparent url(/i/images/bullets/blue_8_small.png) no-repeat 0px 2px;
}
#sidebar #sidebarContent ul.steps li.step9 {
background: transparent url(/i/images/bullets/blue_9_small.png) no-repeat 0px 2px;
}
#container.noCloud #sidebar #sidebarContent {
padding-top: 30px !important;
}
/* sidebarMenu */
body.widePromo #sidebar #sidebarContent {
padding: 10px 20px 0 17px;
}
#sidebarContent.sideMenu .alternative {
padding-top: 285px;
}
#sidebarMenu ul {
margin: 0 0 29px 0px;
padding: 0;
width: 220px;
}
* html #sidebarMenu ul {
margin: 10px 0 29px -18px !important;
width: 200px;
}
#sidebarMenu ul li {
list-style: none;
line-height: 19px;
font-weight: bold;
padding: 6px 0;
position: relative;
z-index: 666;
margin: 0;
width: 220px;
}
#sidebarMenu ul li h2 {
padding-bottom: 0px;
}
* html #sidebarMenu ul li {
padding: 6px 0;
width: 200px;
}
#sidebarMenu ul li a {
text-decoration: none;
zoom: 1;
}
#sidebarMenu ul li.active {
margin: 0 0 0 -27px;
padding: 0 0 0 10px;
background: url(/i/images/backgrounds/subnavi_third_arrow.png) left center no-repeat;
width: 220px;
height: 100%;
}
* html #sidebarMenu ul li.active {
margin: 0 0 0 -27px;
width: 200px;
}
*:first-child+html #sidebarMenu ul {
margin: 34px 0 49px -17px !important;
}
#sidebarMenu ul li.active a {
background: url(/i/images/backgrounds/subnavi_third_back.png) right top no-repeat;
padding: 6px 0 0 0;
display: block;
color: #ffffff;
}
#sidebarMenu ul li.active a strong {
background: url(/i/images/backgrounds/subnavi_third_back.png) right bottom no-repeat;
padding: 0 5px 6px 17px;
display: block;
position: relative;
z-index: 667;
}
#sidebarMenu ul li img.menuIcon {
height: 16px;
width: 16px;
margin-right: 5px;
vertical-align: top;
}
div.sidebarUpsell.cheapCalls {
margin-top: 40px;
background: white url(/i/images/backgrounds/cheapcalls_upsell.png) no-repeat;
padding-top: 60px;
}
div.sidebarUpsell.cheapCalls h3 {
font-size: 17px;
color: #666666;
margin-bottom: 10px;
}
div.sidebarUpsell.cheapCalls p {
margin-bottom: 0px;
}
#globalNav li {
list-style: none;
}
#secure, #globalNav li a,
div.searchfield input {
font-weight: bold;
}
.languageSelector {
float: right;
position: relative;
z-index: 101;
margin: 2px 5px 6px 0;
padding: 3px 0 0 22px;
background: url(/i/images/backgrounds/language-selector-globe.png) no-repeat left 5px;
}
html.rtl .languageSelector {
background: url(/i/images/backgrounds/language-selector-globe.png) no-repeat right 5px;
float: left;
padding: 3px 22px 0 0;
}
* html .languageSelector {
background: none !important;
width: 200px;
padding: 0;
}
*:first-child+html .languageSelector {
background: none !important;
width: 200px;
}
.languageSelector .headerNavigation,
.languageSelector .footerNavigation {
font-size: 13px;
font-weight: bold;
color: #FFFFFF;
float: left;
padding: 0;
text-decoration: none;
text-shadow: 0 1px 0 #198CB6;
position: relative;
float: right;
}
html.rtl .languageSelector .headerNavigation,
html.rtl .languageSelector .footerNavigation {
float: left;
}
.languageSelector .headerNavigation .selectedLanguage,
.languageSelector .footerNavigation .selectedLanguage {
margin: 0 0 0 1px;
}
* html .languageSelector .headerNavigation .selectedLanguage {
display: none;
}
* html .languageSelector .footerNavigation .selectedLanguage {
display: none;
}
.languageSelector .headerNavigation img.arrow,
.languageSelector .footerNavigation img.arrow {
height: 5px;
width: 9px;
background: url(/i/images/backgrounds/language-selector-arrow.png) no-repeat right 0;
margin: 9px 0 0 1px;
vertical-align: top;
}
* html .languageSelector .headerNavigation img.arrow {
display: none;
}
* html .languageSelector .footerNavigation img.arrow {
display: none;
}
*:first-child+html .languageSelector .headerNavigation img.arrow {
margin-top: 7px;
}
*:first-child+html .languageSelector .footerNavigation img.arrow {
margin-top: 7px;
}
.languageSelector .headerNavigation select.userLanguage,
.languageSelector .footerNavigation select.userLanguage {
position: absolute;
right: 0;
top: 2px;
z-index: 102;
filter:alpha(opacity=0);
opacity: 0;
height: 18px;
}
html.rtl .languageSelector .headerNavigation select.userLanguage,
html.rtl .languageSelector .footerNavigation select.userLanguage {
right: auto;
left: 0;
}
* html .languageSelector .headerNavigation select.userLanguage {
position: static;
margin-top: 3px;
width: auto;
}
* html .languageSelector .footerNavigation select.userLanguage {
position: static;
width: auto;
}
*:first-child+html .languageSelector .headerNavigation select.userLanguage {
width: auto;
}
*:first-child+html .languageSelector .footerNavigation select.userLanguage {
width: auto;
}
#header #secure {
float: right;
margin: 7px 0 3px 0;
font-size: 14px;
overflow: hidden;
position: relative;
z-index: 101;
height: 34px;
}
* html #header #secure {
height: 30px;
}
html.rtl #header #secure {
float: left;
}
#header .actionBar #secure {
width: 100%;
font-size: 13px;
}
* html #header #secure div {
}
* html.rtl #header #secure div {
float: left;
}
* html #header #secure {
margin-bottom: 8px;
}
* html.rtl #header #secure {
margin-bottom: 0;
}
*:first-child+html #header #secure {
margin-bottom: 8px;
}
*:first-child+html #header #secure {
margin-bottom: 0;
}
#secure div.default {
margin: 0 !important;
}
.rtl #secure div.default {
margin: 0 !important;
float: left !important;
}
* html #secure div.default {
display: inline;
}
* html #secure div.loggedIn {
display: inline;
}
#secure .hidden {
display: none !important;
}
#secure a,
#secure p {
float: left;
margin: 5px;
color: #fff;
text-decoration: none;
text-shadow: 0 1px 0 #198cb6;
padding: 0;
}
html.rtl #secure a,
html.rtl #secure p {
float: right;
}
* html.rtl #secure a {
float: left;
vertical-align: middle;
}
* html.rtl #secure p {
float: left;
vertical-align: middle;
}
*:first-child+html #secure a {
vertical-align: middle;
}
*:first-child+html.rtl #secure a {
float: left;
}
*:first-child+html #secure p {
vertical-align: middle;
}
*:first-child+html.rtl #secure p {
float: left;
}
#secure span.verticalSeparator {
width: 2px;
height: 26px;
background: url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat 0 -200px;
float: left;
margin: 0 5px;
position: relative;
top: 7px;
}
html.rtl #secure span.verticalSeparator {
float: right;
}
* html #secure span.verticalSeparator {
background: url('/i/images/backgrounds/navigation/header_sprite_8bit.png') no-repeat 0 -200px;
}
* html.rtl #secure span.verticalSeparator {
display: none;
}
#secure a#join,
#secure a#addCredit {
color: #009FD9;
text-shadow: none;
}
#secure a:last-child {
margin-right: 0;
}
html.rtl #secure a:last-child {
margin-right: 3px;
margin-left: 0;
}
#secure a#addCredit {
margin-right: 5px;
}
html.rtl #secure a#addCredit {
margin-right: 3px;
margin-left: 5px;
}
#secure a:hover {
text-decoration: underline;
}
#secure a#join:hover {
text-decoration: none;
}
.actionBar {
height: 44px;
padding-right: 10px;
padding-left: 110px;
}
* html .actionBar {
width: 836px;
float: right;
padding: 0;
}
*:first-child+html .actionBar {
width: 836px;
float: right;
padding: 0;
}
html.rtl .actionBar {
padding-right: 110px;
padding-left: 10px;
}
* html.rtl .actionBar {
width: 836px;
float: left;
padding: 0;
}
*:first-child+html[dir=rtl] .actionBar {
width: 836px;
float: left;
padding: 0;
}
/*
Skype logo
*/
#skypeLogo {
clear:both;
float: left;
margin: 0;
position: relative;
top: -12px;
padding-top: 5px;
z-index: 10;
}
html.rtl #skypeLogo {
float: right;
}
* html #skypeLogo {
position: relative;
top: 30px;
}
*:first-child+html #skypeLogo {
position: relative;
top: 30px;
}
#skypeLogo a {
display:block;
padding: 0;
width: 84px;
height: 49px;
background: url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat -657px -185px;
}
* html #skypeLogo a {
background: url('/i/images/backgrounds/navigation/header_sprite_8bit.png') no-repeat -657px -185px;
}
/*
Primary navigation
*/
#globalNav {
float: right;
padding: 0;
width: 836px;
height: 48px;
background: url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat 0 -39px;
position: relative;
z-index: 9999;
}
html.rtl #globalNav {
float: left;
}
* html #globalNav {
background: url('/i/images/backgrounds/navigation/header_sprite_8bit.png') no-repeat 0 -39px;
}
* html .middleContent {
z-index: 3000;
}
*:first-child+html .middleContent {
z-index: 3000;
}
#globalNav ul {
width: 650px;
height: 48px;
line-height: 48px;
margin: 0;
padding: 0;
float: left;
}
html.rtl #globalNav ul {
float: right;
}
#globalNav ul ul {
height: auto;
}
#globalNav ul {
margin: 0;
padding: 0;
}
#globalNav li {
float: left;
height: 48px;
}
html.rtl #globalNav li {
float: right;
}
#globalNav li.singleColumn {
position: relative;
}
* html.rtl #globalNav li.fourColumns {
position: relative;
}
#globalNav li a {
color: #fff;
font-size: 14px;
text-decoration: none;
text-shadow: 0 1px 0 #198cb6;
cursor: pointer;
padding: 0 0 0 10px;
float: left;
outline: none;
overflow: hidden;
max-height: 48px;
}
html.rtl #globalNav li a {
padding: 0 10px 0 0;
float: right;
}
* html #globalNav li a {
height: 48px;
overflow: hidden;
padding-right: 10px;
position: relative;
}
* html.rtl #globalNav li a {
display: block;
float: left;
padding-left: 10px;
padding-right: 10px;
}
*:first-child+html #globalNav li a {
height: 48px;
overflow: hidden;
padding-right: 10px;
position: relative;
display: block;
float: none;
}
*:first-child+html.rtl #globalNav li a {
padding-left: 10px;
}
#globalNav li.first a {
padding: 0 0 0 24px;
}
html.rtl #globalNav li.first a {
padding: 0 24px 0 0;
}
* html #globalNav li.first a {
padding: 0 10px 0 24px;
}
* html.rtl #globalNav li.first a {
padding: 0 24px 0 10px;
}
*:first-child+html #globalNav li.first a {
padding: 0 10px 0 24px;
}
*:first-child+html.rtl #globalNav li.first a {
padding: 0 24px 0 10px;
}
#globalNav li a span {
height: 48px;
padding: 0;
padding-right: 10px;
float: right;
}
html.rtl #globalNav li a span {
padding: 0 0 0 10px;
float: left;
}
* html #globalNav li a span {
position: absolute;
right: 0;
top: 0;
}
* html.rtl #globalNav li a span {
right: auto;
left: 0;
}
*:first-child+html #globalNav li a span {
position: absolute;
right: 0;
top: 0;
}
*:first-child+html.rtl #globalNav li a span {
right: auto;
left: 0;
}
#globalNav li a:hover {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat -300px -88px;
}
html.rtl #globalNav li a:hover {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit_rtl.png') no-repeat right -100px;
}
* html.rtl #globalNav li a:hover {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_8bit_rtl.png') no-repeat right -100px;
}
#globalNav li.first a:hover {
padding-left: 24px;
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat 0 -88px;
}
html.rtl #globalNav li.first a:hover {
padding-left: auto;
padding-right: 24px;
background: url('/i/images/backgrounds/navigation/header_sprite_24bit_rtl.png') no-repeat right top;
}
* html #globalNav li.first a:hover {
padding-left: 24px;
background: transparent url('/i/images/backgrounds/navigation/header_sprite_8bit.png') no-repeat 0 -88px;
}
* html.rtl #globalNav li.first a:hover {
padding-left: 10px;
padding-right: 24px;
background: transparent url('/i/images/backgrounds/navigation/header_sprite_8bit_rtl.png') no-repeat right top;
}
#globalNav li a:hover span {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat right -88px;
}
html.rtl #globalNav li a:hover span {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit_rtl.png') no-repeat 0 -300px
}
* html.rtl #globalNav li a:hover span {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_8bit_rtl.png') no-repeat 0 -300px
}
#globalNav li.selected {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat -300px -88px;
}
html.rtl #globalNav li.selected {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit_rtl.png') no-repeat right -100px;
}
* html.rtl #globalNav li.selected {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_8bit_rtl.png') no-repeat right -100px;
}
#globalNav li a:active {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat -300px -137px;
}
html.rtl #globalNav li a:active {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit_rtl.png') no-repeat right -150px;
}
* html #globalNav li.selected {
background: transparent;
}
#globalNav li.first a:active {
padding-left: 24px;
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat 0 -137px;
}
* html #globalNav li.first a:active {
padding-left: 24px;
background: transparent url('/i/images/backgrounds/navigation/header_sprite_8bit.png') no-repeat 0 -137px;
}
html.rtl #globalNav li.first a:active {
padding-left: auto;
padding-right: 24px;
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit_rtl.png') no-repeat right -50px;
}
* html.rtl #globalNav li.first a:active {
padding-left: 10px;
padding-right: 24px;
background: transparent url('/i/images/backgrounds/navigation/header_sprite_8bit_rtl.png') no-repeat right -50px;
}
#globalNav li.first.selected {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat 0 -88px;
}
html.rtl #globalNav li.first.selected {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit_rtl.png') no-repeat right top;
}
* html.rtl #globalNav li.firstSelected {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_8bit_rtl.png') no-repeat right top;
}
#globalNav li.selected span {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat right -88px;
}
html.rtl #globalNav li.selected span {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit_rtl.png') no-repeat left -300px;
}
#globalNav li a:active span {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat right -137px;
}
html.rtl #globalNav li a:active span {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit_rtl.png') no-repeat left -350px;
}
* html #globalNav li.selected span {
background: transparent;
}
#header div.middleContent div#globalNav div.searchfield {
width: 165px;
float: right;
height: 48px;
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat -586px -137px;
padding-left: 20px;
}
* html #header div.middleContent div#globalNav div.searchfield {
/* position: relative; */
background: transparent url('/i/images/backgrounds/navigation/header_sprite_8bit.png') no-repeat -586px -88px;
}
html.rtl #header div.middleContent div#globalNav div.searchfield {
float: left;
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit_rtl.png') no-repeat -3px -250px;
padding-left: 0;
padding-right: 20px;
}
* html.rtl #header div.middleContent div#globalNav div.searchfield {
background: transparent url('/i/images/backgrounds/navigation/header_sprite_8bit_rtl.png') no-repeat -3px -250px;
}
#header div.middleContent div#globalNav div.searchfield input {
border: none;
background: #fff;
width: 140px;
color: #666666;
font-size: 12px;
margin-right: 10px;
margin-left: 5px;
font-family: Arial, Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
outline: none;
height: 17px;
margin-top: 16px;
padding: 0;
background: white;
position: absolute;
-webkit-appearance: none;
}
html.rtl #header div.middleContent div#globalNav div.searchfield input {
margin: 16px 5px 0 10px;
text-align: right;
position: relative;
}
#globalNav li .sub {
position: absolute;
z-index: 9999;
top: 47px;
display: none;
padding: 10px 0 0 0;
}
@-webkit-keyframes fadein {
0%{ opacity: 0;}
100%{ opacity: 1;}
}
#globalNav li:hover .sub {
display: block;
-webkit-animation-name: fadein;
-webkit-animation-duration: .3s;
-webkit-animation-iteration-count: once;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: ease-out;
}
#globalNav li .sub .menu {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border: 1px solid #addef1;
-webkit-box-shadow: 0 0 10px #777;
-moz-box-shadow: 0 0 10px #777;
box-shadow: 0 0 10px #777;
background: #fff;
padding: 24px 22px 22px 10px;
overflow: hidden;
}
html.rtl #globalNav li .sub .menu {
padding: 24px 10px 22px 22px;
}
* html #globalNav li .sub .menu {
padding-left: 0;
}
* html.rtl #globalNav li .sub .menu {
padding-left: 0;
}
*:first-child+html #globalNav li .sub .menu {
}
#globalNav li .sub .menu .otherFeatures {
margin: 0 0 0 10px;
padding: 24px 0 0 0;
clear: both;
text-align: right;
line-height: 14px;
}
* html #globalNav li .sub .menu .otherFeatures {
padding: 20px 0 0 0;
}
*:first-child+html #globalNav li .sub .menu .otherFeatures {
padding: 10px 0 0 0;
}
#globalNav li .sub .menu .otherFeatures a {
text-shadow: none;
float: none;
font-weight: normal;
height: auto;
margin: 0;
padding: 0;
line-height: 14px;
color: #00aff0;
text-decoration: none;
}
#globalNav li .sub .menu .otherFeatures a:hover {
text-decoration: underline;
background: none;
}
html.rtl li .sub .menu .otherFeatures a:hover {
padding: 0 !important;
}
#globalNav li .sub .menu ul {
display: block;
float: left;
width: 150px;
margin-left: 10px;
}
html.rtl #globalNav li .sub .menu ul {
float: right;
margin-left: auto;
margin-right: 10px;
}
#globalNav li .sub .menu ul li {
background: none;
float: none;
line-height: 21px;
margin: 0;
margin-bottom: 3px;
padding: 0;
height: auto;
}
*:first-child+html #globalNav li .sub .menu ul li a {
display: inline;
}
#globalNav li .sub .menu ul li.title {
line-height: 24px;
font-size: 24px;
color: #969696;
padding: 4px 0 24px 0;
}
#globalNav li .sub .menu ul li.title a {
font-size: 24px;
color: #969696;
font-weight: normal;
}
#globalNav li .sub .menu ul li.separator {
padding: 0 0 18px 0;
margin: 0 0 18px 0;
border-bottom: 1px solid #e7e7e7;
}
#globalNav li .sub .menu ul li a {
background: none;
float: none;
color: #009fd9;
text-shadow: none;
text-decoration: none;
padding: 4px 0;
margin: 0;
font-size: 14px;
line-height: 19px;
font-weight: bold;
}
* html.rtl #globalNav .sub .menu ul li a {
display: inline-block;
line-height: 19px;
height: 19px;
padding: 0 0 4px 0;
margin-right: 0;
}
*:first-child+html.rtl #globalNav .sub .menu ul li a {
display: inline-block;
line-height: 19px;
height: 19px;
padding: 0;
}
#globalNav li .sub .menu ul li a:hover {
background: none;
text-decoration: underline;
padding: 4px 0;
}
* html.rtl #globalNav li .sub .menu ul li a:hover {
padding: 0 0 4px 0;
}
*:first-child+html.rtl #globalNav .sub .menu ul li a:hover {
padding: 0;
}
#globalNav li .sub .menu ul li.sublink a {
font-weight: normal;
}
#globalNav li.singleColumn .sub {
left: 50%;
margin-left: -98px;
top: 47px;
min-width: 196px;
}
* html #globalNav li.singleColumn .sub .menu {
overflow: visible;
width: 196px;
}
*:first-child+html #globalNav li.singleColumn .sub .menu {
overflow: visible;
width: 100%;
}
*:first-child+html.rtl #globalNav li.singleColumn .sub .menu ul {
float: left;
}
#globalNav li.singleColumn .sub .menu ul {
width: auto;
white-space: nowrap;
}
#globalNav li.singleColumn .sub .menu ul li {
min-width: 150px;
}
html.rtl #globalNav li.singleColumn .sub {
left: auto;
right: 50%;
margin-left: 0;
margin-right: -98px;
}
* html.rtl #globalNav li.singleColumn .sub {
left: auto;
right: 50%;
margin-left: 0;
margin-right: -98px;
}
#globalNav li.fourColumns .sub {
left: 0;
top: 47px;
}
html.rtl #globalNav li.fourColumns .sub {
left: auto;
right: 0;
}
* html #globalNav li.fourColumns .sub {
width: 675px;
top: 47px;
}
*:first-child+html #globalNav li.fourColumns .sub {
width: 675px;
top: 47px;
}
#globalNav li .pointer {
height: 11px;
width: 100%;
position: relative;
top: 47px;
left: 50%;
margin-left: -50%;
display: none;
z-index: 10000;
background: url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat center 5px;
font: 1px/1px monospace;
}
* html #globalNav li .pointer {
top: 47px;
left: -50%;
width: 25px;
height: 11px;
float: left;
margin: 0 -11px 0 -14px;
padding: 0;
background: url('/i/images/backgrounds/navigation/header_sprite_8bit.png') no-repeat center 5px;
}
*:first-child+html #globalNav li .pointer {
top: 0;
float: left;
width: 200px;
height: 0;
left: 50%;
margin: -1px -50% 0 -30px;
padding: 11px 45px 0 20px;
}
html.rtl #globalNav li .pointer {
left: auto;
right: 50%;
margin-left: 0;
margin-right: -50%;
}
* html.rtl #globalNav li .pointer {
position: absolute;
top: 47px;
float: none;
padding: 0;
display: none;
left: auto;
right: 50%;
margin-left: -5px;
margin-right: -14px;
}
*:first-child+html.rtl #globalNav li .pointer {
top: auto;
float: none;
width: auto;
height: 11px;
left :auto;
margin: -1px -20% 0;
padding: 0 20%;
}
#globalNav li:hover .pointer {
display: block;
-webkit-animation-name: fadein;
-webkit-animation-duration: .3s;
-webkit-animation-iteration-count: once;
-webkit-animation-direction: normal;
-webkit-animation-timing-function: ease-out;
}
* html #globalNav li .sub {
background: url(/i/images/misc/dummy.gif);
}
#googleInput {
border: 0;
background: 0;
}
/* global footer navigation */
#footer {
display: block;
height: 47px;
background-color: #00aff0;
clear: both;
}
#footer p {
line-height: 47px;
font-size: 12px;
font-weight: bold;
color: white;
padding: 0;
margin: 0;
}
#footer span.footerHeading {
display: block;
width: 250px;
font-weight: normal;
font-size: 18px;
line-height: 47px;
color: #ffffff;
background: transparent url('/i/images/backgrounds/navigation/header_sprite_24bit.png') no-repeat -315px -185px;
margin-left: 10px;
}
html.rtl #footer span.footerHeading {
margin-left: 0;
margin-right: 10px;
background-position: -153px -185px;
}
* html #footer span.footerHeading {
margin-left: 20px;
background: transparent url('/i/images/backgrounds/navigation/header_sprite_8bit.png') no-repeat -315px -185px;
}
#footerMenu {
display: block;
background-color: #ffffff;
padding-bottom: 40px;
}
#footerMenu ul {
margin: 0;
padding: 0;
font-size: 12px;
padding-top: 40px;
}
* html #footerMenu div.gridRow {
position: relative;
left: -10px;
}
#footerMenu ul.noHeading {
padding-top: 75px;
}
#footerMenu ul li {
list-style-type: none;
padding: 0;
margin-bottom: 6px;
line-height: 21px;
}
#footerMenu ul li a {
color: #009fd9;
text-decoration: none;
}
#footerMenu ul li a:hover {
text-decoration: underline;
}
#footerMenu ul li.heading {
color: #000000;
display: block;
min-height: 30px;
line-height: 30px;
margin-bottom: 5px;
font-size: 14px;
color: #009fd9;
font-weight: bold;
}
div#bottomNavigation {
min-height: 42px;
background: #f6f6f6 url('/i/images/backgrounds/navigation/header_sprite_24bit.png') repeat-x 0 -234px;
font-size: 12px;
overflow: visible;
font-weight: bold;
padding: 29px 0 0;
}
/* fix legal links alignment issue in IE7 */
div#legalLinks {
*clear: both;
*margin-top: 10px;
}
div#bottomNavigation div.languageLinks {
color: #00aff0;
}
div#bottomNavigation div.languageLinks a.selected {
color: #666;
text-decoration: none;
cursor: default;
}
div#bottomNavigation hr.lineSeparator {
width: 940px;
height: 1px;
margin: 20px 0;
padding: 0;
border: none;
background-color: #e6e6e6;
background-image: -ms-linear-gradient(left, #F6F6F6 0%, #E6E6E6 40%, #E6E6E6 60%, #F6F6F6 100%);
background-image: -moz-linear-gradient(left, #F6F6F6 0%, #E6E6E6 40%, #E6E6E6 60%, #F6F6F6 100%);
background-image: -o-linear-gradient(left, #F6F6F6 0%, #E6E6E6 40%, #E6E6E6 60%, #F6F6F6 100%);
background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #F6F6F6), color-stop(0.4, #E6E6E6), color-stop(0.6, #E6E6E6), color-stop(1, #F6F6F6));
background-image: -webkit-linear-gradient(left, #F6F6F6 0%, #E6E6E6 40%, #E6E6E6 60%, #F6F6F6 100%);
background-image: linear-gradient(left, #F6F6F6 0%, #E6E6E6 40%, #E6E6E6 60%, #F6F6F6 100%);
}
div#bottomNavigation div.relatedLinks {
padding-bottom: 29px;
}
div#bottomNavigation div.copyright {
margin: 0;
padding: 4px 0 9px;
font-weight: normal;
}
div#bottomNavigation a {
text-decoration: none;
color: #00aff0;
padding: 0 3px;
font-weight: normal;
outline: none;
outline-width: 0;
}
div#bottomNavigation a:hover {
text-decoration: underline;
}
div#footerNavigation select {
margin-right: 20px;
}
div#bottomNavigation div.copyright a {
padding: 0;
}
div#bottomNavigation div#footerNavigation {
float: left;
}
* html div#bottomNavigation div#footerNavigation {
padding-top: 22px;
}
div#bottomNavigation div#newFooterNavigation {
text-align: center;
direction: ltr;
}
* html div#bottomNavigation div#newFooterNavigation {
padding-top: 22px;
}
div#bottomNavigation div#legalLinks {
/* float: right; */
/* white-space: nowrap; */
}
div#bottomNavigation div#legalLinks span {
float: left;
font-weight: normal;
padding: 5px 0;
}
*:first-child+html div#bottomNavigation div#legalLinks {
width: 940px;
}
*:first-child+html div#bottomNavigation div#legalLinks span {
display: block;
}
.ir span {
position:absolute;
text-indent: -99999px;
}
#langLinks {
display: none;
}
#awesomeHeader,
.awesomeHeader {
font-size: 14px;
line-height: 21px;
font-family: Arial,Helvetica,sans-serif;
color: #666666;
-webkit-font-smoothing: antialiased;
height: 115px;
margin: 0 0 0 0;
background: #00aff0;
position: relative;
z-index: 9999;
}
body.business #awesomeHeader,
body.business .awesomeHeader {
background: #00AFF0;
margin: 0;
}
body.business #secure a, body.business #secure p {
text-shadow: 0 1px 0 #00AFF0;
}
#awesomeHeader #header,
.awesomeHeader #header {
width: 940px;
margin: 0 auto;
position: relative;
}
#awesomeFooter,
.awesomeFooter {
font-size: 14px;
line-height: 21px;
font-family: Arial,Helvetica,sans-serif;
color: #666666;
-webkit-font-smoothing: antialiased;
position: relative;
margin-top: 42px;
}
#awesomeFooter #footer,
.awesomeFooter #footer {
margin: 0 auto;
position: relative;
}
/* special offers navigation button
===================================*/
#header span.label {
background: url("/i/images/backgrounds/special-offers-button.png") no-repeat;
display: block;
color: #fff;
float: left;
height: 24px;
line-height: 24px;
padding-left: 7px;
margin-right: 25px;
margin-top: 4px;
margin-left: 5px;
font: bold 12px/24px Arial,Helvetica,sans-serif;
}
html.rtl #header span.label {
float: right;
}
*:first-child+html[dir=rtl] #header span.label {
float: left;
}
*:first-child+html[dir=rtl] #header span.label span {
position: relative;
right: -15px;
}
*:first-child+html[dir=rtl] #secure span.verticalSeparator {
float: left;
}
#header span.label span {
display: inline-block;
background: url("/i/images/backgrounds/special-offers-button.png") no-repeat top right;
height: 24px;
padding-right: 20px;
position: relative;
left: 18px;
margin-left: -16px;
}
html.rtl #header span.label span {
position: relative;
margin-left: 0;
}
*:first-child+html #header span.label span {
left: 0;
top: 0;
}
#header span.label span a {
margin: 0;
text-shadow: 0 1px 0 #aa216f;
}
#header span.label span a:hover {
text-decoration: none;
} /* buttons */
a.button,
a.button2,
a.button span,
a.button2 span,
button.button span,
button.button2 span,
button.button span span,
button.button2 span span {
background-image: url(/i/images/buttons/turbo/buttons.png);
background-repeat: no-repeat;
background-position: 1000px 1000px;
outline: none !important;
}
* html a.button,
* html a.button2,
* html a.button span,
* html a.button2 span,
* html button.button span,
* html button.button2 span,
* html button.button span span,
* html button.button2 span span {
background-image: url(/i/images/buttons/turbo/buttons-degraded.png);
}
button::-moz-focus-inner {
padding: 0;
border: 0;
}
a.button {
font: bold 14px/14px Arial, Helvetica, sans-serif;
height: 32px;
display: inline-block;
text-decoration: none;
}
a.button:hover,
a.button2:hover {
text-decoration: none !important;
}
a.button2 {
font: bold 12px/12px Arial, Helvetica, sans-serif;
height: 24px;
display: inline-block;
}
a.element,
button.element span {
width: 24px;
}
button.element span {
height: 24px;
}
a.button span {
display: inline-block;
margin: 0 15px 0 0;
padding: 9px 5px 9px 20px;
cursor: pointer;
white-space: nowrap;
}
html.rtl a.button span {
margin-left: 15px;
}
html.rtl button.button span {
margin-left: 0;
}
html.rtl a.button span span,
html.rtl button.button span span{
margin-left: 15px;
}
a.button2 span {
display: inline-block;
margin: 0 11px 0 0;
padding: 6px 9px 6px 20px;
cursor: pointer;
white-space: nowrap;
}
html.rtl #header a.button2 {
position: relative;
left: -10px;
}
html.rtl button.button2 span {
margin-left: 0;
}
html.rtl a.button2 span {
margin-left: 10px;
}
html.rtl a.button2 span span {
margin-left: 0;
}
html.rtl button.button2 span span {
margin-left: 10px;
}
a.element span {
background: none;
}
button.button,
button.button2 {
display: -moz-inline-box;
display: inline-block;
margin: 0;
padding: 0;
border: none;
overflow: visible;
text-decoration: none;
background: transparent;
white-space: nowrap;
cursor: pointer;
cursor: hand;
}
button.button {
font: bold 14px/14px Arial, Helvetica, sans-serif;
height: 32px;
}
button.button2 {
font: bold 12px/12px Arial, Helvetica, sans-serif;
height: 24px;
}
html[lang=ja] a.button,
html[lang=ja] a.button2,
html[lang=ja] button.button,
html[lang=ja] button.button2 {
font-family: "MS PGothic", "Osaka", Arial, sans-serif;
}
button.button span,
button.button2 span {
display: inline-block;
cursor: pointer;
overflow: visible;
white-space: nowrap;
}
button.button span span,
button.button2 span span {
display: inline-block;
cursor: pointer;
overflow: visible;
}
button.button span span {
margin: 0 15px 0 0;
padding: 9px 5px 9px 20px;
height: 14px;
}
button.button2 span span {
margin: 0 11px 0 0;
padding: 6px 9px 6px 20px;
height: 12px;
}
a.withTextButton,
button.withTextButton span {
margin-right: 10px;
}
html.rtl a.withTextButton,
html.rtl button.withTextButton span {
margin-right: 0;
margin-left: 0;
}
html.rtl button.withTextButton span span {
margin-right: 15px;
margin-left: 15px;
}
a.withTextButtonOnRight,
button.withTextButtonOnRight span {
margin-left: 10px;
}
html.rtl a.withTextButtonOnRight,
html.rtl button.withTextButtonOnRight span {
margin-left: 0;
margin-right: 0;
}
html.rtl button.withTextButtonOnRight span span {
margin-right: 15px;
margin-left: 15px;
}
/* purchaseCta */
a.purchaseCta,
button.purchaseCta span {
text-shadow: rgba(0,0,0,0.25) 0 1px 1px;
color: #fff;
background-position: right 0px;
}
a.purchaseCta:hover,
button.purchaseCta:hover span {
background-position: right -32px;
color: #fff;
}
a.purchaseCta:active,
button.purchaseCta:active span {
background-position: right -64px;
}
a.purchaseCta span,
button.purchaseCta span span {
background-position: 0 0;
}
a.purchaseCta:hover span,
button.purchaseCta:hover span span {
background-position: 0 -32px;
}
a.purchaseCta:active span,
button.purchaseCta:active span span {
background-position: 0 -64px;
}
/* purchaseCtaSquare */
a.purchaseCtaSquare,
button.purchaseCtaSquare span {
text-shadow: rgba(0,0,0,0.25) 0 1px 1px;
color: #fff;
background-position: right -1000px;
}
a.purchaseCtaSquare:hover,
button.purchaseCtaSquare:hover span {
background-position: right -1032px;
}
a.purchaseCtaSquare:active,
button.purchaseCtaSquare:active span {
background-position: right -1064px;
}
a.purchaseCtaSquare span,
button.purchaseCtaSquare span span {
background-position: 0 -1000px;
}
a.purchaseCtaSquare:hover span,
button.purchaseCtaSquare:hover span span {
background-position: 0 -1032px;
}
a.purchaseCtaSquare:active span,
button.purchaseCtaSquare:active span span {
background-position: 0 -1064px;
}
/* purchaseCta2 */
a.purchaseCta2,
button.purchaseCta2 span {
text-shadow: rgba(0,0,0,0.25) 0 1px 1px;
color: #fff;
background-position: right -1100px;
}
a.purchaseCta2:hover,
button.purchaseCta2:hover span {
background-position: right -1124px;
}
a.purchaseCta2:active,
button.purchaseCta2:active span {
background-position: right -1148px;
}
a.purchaseCta2 span,
button.purchaseCta2 span span {
background-position: 0 -1100px;
}
a.purchaseCta2:hover span,
button.purchaseCta2:hover span span {
background-position: 0 -1124px;
}
a.purchaseCta2:active span,
button.purchaseCta2:active span span {
background-position: 0 -1148px;
}
/* primaryCta */
a.primaryCta,
button.primaryCta span {
text-shadow: rgba(0,0,0,0.25) 0 1px 1px;
color: #fff;
background-position: right -100px;
}
a.primaryCta:hover,
button.primaryCta:hover span {
background-position: right -132px;
color: #fff;
}
a.primaryCta:active,
button.primaryCta:active span {
background-position: right -164px;
}
a.primaryCta span,
button.primaryCta span span {
background-position: 0 -100px;
}
a.primaryCta:hover span,
button.primaryCta:hover span span {
background-position: 0 -132px;
}
a.primaryCta:active span,
button.primaryCta:active span span {
background-position: 0 -164px;
}
/* primaryCtaSquare */
a.primaryCtaSquare,
button.primaryCtaSquare span {
text-shadow: rgba(0,0,0,0.25) 0 1px 1px;
color: #fff;
background-position: right -1200px;
}
a.primaryCtaSquare:hover,
button.primaryCtaSquare:hover span {
background-position: right -1232px;
}
a.primaryCtaSquare:active,
button.primaryCtaSquare:active span {
background-position: right -1264px;
}
a.primaryCtaSquare span,
button.primaryCtaSquare span span {
background-position: 0 -1200px;
}
a.primaryCtaSquare:hover span,
button.primaryCtaSquare:hover span span {
background-position: 0 -1232px;
}
a.primaryCtaSquare:active span,
button.primaryCtaSquare:active span span {
background-position: 0 -1264px;
}
/* primaryCta2 */
a.primaryCta2,
button.primaryCta2 span {
text-shadow: rgba(0,0,0,0.25) 0 1px 1px;
color: #fff;
background-position: right -1300px;
}
a.primaryCta2:hover,
button.primaryCta2:hover span {
background-position: right -1324px;
}
a.primaryCta2:active,
button.primaryCta2:active span {
background-position: right -1348px;
}
a.primaryCta2 span,
button.primaryCta2 span span {
background-position: 0 -1300px;
}
a.primaryCta2:hover span,
button.primaryCta2:hover span span {
background-position: 0 -1324px;
}
a.primaryCta2:active span,
button.primaryCta2:active span span {
background-position: 0 -1348px;
}
/* altCta */
a.altCta,
button.altCta span {
color: #009fd9;
background-position: right -200px;
}
a.altCta:hover,
button.altCta:hover span {
background-position: right -232px;
}
a.altCta:active,
button.altCta:active span {
background-position: right -264px;
}
a.altCta span,
button.altCta span span {
background-position: 0 -200px;
}
a.altCta:hover span,
button.altCta:hover span span {
background-position: 0 -232px;
}
a.altCta:active span,
button.altCta:active span span {
background-position: 0 -264px;
}
/* altCtaSquare */
a.altCtaSquare,
button.altCtaSquare span {
color: #009fd9;
background-position: right -1400px;
}
a.altCtaSquare:hover,
button.altCtaSquare:hover span {
background-position: right -1432px;
}
a.altCtaSquare:active,
button.altCtaSquare:active span {
background-position: right -1464px;
}
a.altCtaSquare span,
button.altCtaSquare span span {
background-position: 0 -1400px;
}
a.altCtaSquare:hover span,
button.altCtaSquare:hover span span {
background-position: 0 -1432px;
}
a.altCtaSquare:active span,
button.altCtaSquare:active span span {
background-position: 0 -1464px;
}
/* altCta2 */
a.altCta2,
button.altCta2 span {
color: #009fd9;
background-position: right -500px;
}
a.altCta2:hover,
button.altCta2:hover span {
background-position: right -524px;
}
a.altCta2:active,
button.altCta2:active span {
background-position: right -548px;
}
a.altCta2 span,
button.altCta2 span span {
background-position: 0 -500px;
}
a.altCta2:hover span,
button.altCta2:hover span span {
background-position: 0 -524px;
}
a.altCta2:active span,
button.altCta2:active span span {
background-position: 0 -548px;
}
/* functional */
a.functional,
button.functional span {
color: #464b50;
background-position: right -300px;
}
a.functional:hover,
button.functional:hover span {
background-position: right -332px;
}
a.functional:active,
button.functional:active span {
background-position: right -364px;
}
a.functional span,
button.functional span span {
background-position: 0 -300px;
}
a.functional:hover span,
button.functional:hover span span {
background-position: 0 -332px;
}
a.functional:active span,
button.functional:active span span {
background-position: 0 -364px;
}
/* functional2 */
a.functional2,
button.functional2 span {
color: #464b50;
background-position: right -1500px;
}
a.functional2:hover,
button.functional2:hover span {
background-position: right -1524px;
}
a.functional2:active,
button.functional2:active span {
background-position: right -1548px;
}
a.functional2 span,
button.functional2 span span {
background-position: 0 -1500px;
}
a.functional2:hover span,
button.functional2:hover span span {
background-position: 0 -1524px;
}
a.functional2:active span,
button.functional2:active span span {
background-position: 0 -1548px;
}
/* orangeCta */
a.orangeCta,
button.orangeCta span {
text-shadow: rgba(0,0,0,0.25) 0 1px 1px;
color: #fff;
background-position: right -700px;
}
a.orangeCta:hover,
button.orangeCta:hover span {
background-position: right -732px;
}
a.orangeCta:active,
button.orangeCta:active span {
background-position: right -764px;
}
a.orangeCta span,
button.orangeCta span span {
background-position: 0 -700px;
}
a.orangeCta:hover span,
button.orangeCta:hover span span {
background-position: 0 -732px;
}
a.orangeCta:active span,
button.orangeCta:active span span {
background-position: 0 -764px;
}
/* orangeCtaSquare */
a.orangeCtaSquare,
button.orangeCtaSquare span {
text-shadow: rgba(0,0,0,0.25) 0 1px 1px;
color: #fff;
background-position: right -800px;
}
a.orangeCtaSquare:hover,
button.orangeCtaSquare:hover span {
background-position: right -832px;
}
a.orangeCtaSquare:active,
button.orangeCtaSquare:active span {
background-position: right -864px;
}
a.orangeCtaSquare span,
button.orangeCtaSquare span span {
background-position: 0 -800px;
}
a.orangeCtaSquare:hover span,
button.orangeCtaSquare:hover span span {
background-position: 0 -832px;
}
a.orangeCtaSquare:active span,
button.orangeCtaSquare:active span span {
background-position: 0 -864px;
}
/* orangeCta2 */
a.orangeCta2,
button.orangeCta2 span {
text-shadow: rgba(0,0,0,0.25) 0 1px 1px;
color: #fff;
background-position: right -900px;
}
a.orangeCta2:hover,
button.orangeCta2:hover span {
background-position: right -924px;
}
a.orangeCta2:active,
button.orangeCta2:active span {
background-position: right -948px;
}
a.orangeCta2 span,
button.orangeCta2 span span {
background-position: 0 -900px;
}
a.orangeCta2:hover span,
button.orangeCta2:hover span span {
background-position: 0 -924px;
}
a.orangeCta2:active span,
button.orangeCta2:active span span {
background-position: 0 -948px;
}
/* secondaryCta */
a.secondaryCta,
button.secondaryCta span {
color: #0181e3;
background: none;
}
a.secondaryCta:hover,
button.secondaryCta:hover span {
color: #0181e3;
text-decoration: underline !important;
background: none;
}
a.secondaryCta span,
button.secondaryCta span span {
background: none;
margin: 0;
padding: 9px 0 9px 0;
}
a.secondaryCta:hover span,
button.secondaryCta:hover span span {
background: none;
text-decoration: underline !important;
}
/* invSecondaryCta */
a.invSecondaryCta,
button.invSecondaryCta span {
color: #fff;
background: none;
}
a.invSecondaryCta:hover,
button.invSecondaryCta:hover span {
color: #fff;
text-decoration: underline !important;
background: none;
}
a.invSecondaryCta span,
button.invSecondaryCta span span {
background: none;
margin: 0;
padding: 9px 0 9px 0;
}
a.invSecondaryCta:hover span,
button.invSecondaryCta:hover span span {
background: none;
text-decoration: underline !important;
}
/* arrowLeft */
a.arrowLeft,
button.arrowLeft span {
background-position: 0 -600px;
}
a.arrowLeft:hover,
button.arrowLeft:hover span {
background-position: 0 -624px;
}
a.arrowLeft:active,
button.arrowLeft:active span {
background-position: 0 -648px;
}
/* arrowRight */
a.arrowRight,
button.arrowRight span {
background-position: -24px -600px;
}
a.arrowRight:hover,
button.arrowRight:hover span {
background-position: -24px -624px;
}
a.arrowRight:active,
button.arrowRight:active span {
background-position: -24px -648px;
}
/* invArrowLeft */
a.invArrowLeft,
button.invArrowLeft span {
background-position: -48px -600px;
}
html.rtl a.invArrowLeft,
html.rtl button.invArrowLeft span {
background-position: -72px -600px;
}
a.invArrowLeft:hover,
button.invArrowLeft:hover span {
background-position: -48px -624px;
}
a.invArrowLeft:active,
button.invArrowLeft:active span {
background-position: -48px -648px;
}
/* invArrowRight */
a.invArrowRight,
button.invArrowRight span {
background-position: -72px -600px;
}
html.rtl a.invArrowRight,
html.rtl button.invArrowRight span {
background-position: -48px -600px;
}
a.invArrowRight:hover,
button.invArrowRight:hover span {
background-position: -72px -624px;
}
a.invArrowRight:active,
button.invArrowRight:active span {
background-position: -72px -648px;
}
/* arrowUp */
a.arrowUp,
button.arrowUp span {
background-position: -96px -600px;
}
a.arrowUp:hover,
a.arrowUp.hover,
button.arrowUp:hover span {
background-position: -96px -624px;
}
a.arrowUp:active,
a.arrowUp.active,
button.arrowUp:active span {
background-position: -96px -648px;
}
/* arrowDown */
a.arrowDown,
button.arrowDown span {
background-position: -120px -600px;
}
a.arrowDown:hover,
a.arrowDown.hover,
button.arrowDown:hover span {
background-position: -120px -624px;
}
a.arrowDown:active,
a.arrowDown.active,
button.arrowDown:active span {
background-position: -120px -648px;
}
/* arrowClose */
a.arrowClose,
button.arrowClose span {
background-position: -144px -600px;
}
a.arrowClose:hover,
button.arrowClose:hover span {
background-position: -144px -624px;
}
a.arrowClose:active,
button.arrowClose:active span {
background-position: -144px -648px;
}
/* invPages */
a.invPages,
button.invPages span {
background-position: -168px -600px;
}
a.invPages:hover,
button.invPages:hover span {
background-position: -168px -624px;
}
a.invPages:active,
button.invPages:active span {
background-position: -168px -648px;
}
a.invPages.selected,
button.invPages.selected span {
background-position: -168px -648px;
}
a.invPages.selected:hover,
button.invPages.selected:hover span {
background-position: -168px -648px;
}
/* secondaryCta & invSecondaryCta */
* html a.secondaryCta,
* html a.secondaryCta span,
* html button.secondaryCta span,
* html a.invSecondaryCta,
* html a.invSecondaryCta span,
* html button.invSecondaryCta span {
background: none !important;
}
/* disabled */
a.button.disabled,
button.button.disabled span,
a.button.disabled:hover,
button.button.disabled:hover span,
a.button.disabled:active,
button.button.disabled:active span {
color: #8b8b8b;
background-position: right -400px !important;
text-shadow: none !important;
cursor: default;
}
a.button.disabled *,
a.button2.disabled *,
button.button.disabled *,
button.button2.disabled * {
cursor: default;
}
a.button.disabled span,
button.button.disabled span span,
a.button.disabled:hover span,
button.button.disabled:hover span span,
a.button.disabled:active span,
button.button.disabled:active span span {
background-position: 0 -400px !important;
}
/* firefox hack to show buttons correctly */
@-moz-document url-prefix() {
button.button span span {
padding-top: 8px;
padding-bottom: 8px;
height: 16px;
}
button.button2 span span {
padding-top: 5px;
padding-bottom: 5px;
height: 14px;
}
}/* Help bubbles related styles */
div.helpBubble {
position: absolute;
top: -1000px;
left: 0;
z-index: 1000;
}
/* Default bubble styling */
div.helpBubble div.close {
height: 21px;
width: 21px;
position: absolute;
top: -6px;
right: 2px;
background: url(/i/images/bubbles/default-helpbubble-info.png) no-repeat top right;
cursor: pointer;
}
div.helpBubble div.body {
border: 1px solid #7fd7f7;
background: #e5f6fd;
padding: 14px 20px;
margin: 0 8px;
max-width: 300px;
font-size: 0.857em;
line-height: 18px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
/* Top right bubble */
div.helpBubble.topRight {
margin-left: -19px;
margin-top: -8px;
}
div.helpBubble.topRight div.pointer {
width: 15px;
height: 8px;
position: absolute;
bottom: -7px;
left: 18px;
font: normal 1px/1px monospace;
background: url(/i/images/bubbles/default-helpbubble-info.png) no-repeat bottom left;
}
/* Right top bubble */
div.helpBubble.rightTop.moveUp {
margin-top: -12px;
}
div.helpBubble.rightTop div.pointer {
width: 10px;
height: 19px;
position: absolute;
bottom: 18px;
left: 1px;
font: normal 1px/1px monospace;
background: url(/i/images/bubbles/default-helpbubble-left-right.png) no-repeat bottom left;;
}
div.helpBubble.bottomLeft {
margin-left: -19px;
margin-top: 8px;
}
div.helpBubble.bottomLeft div.pointer {
width: 15px;
height: 8px;
position: absolute;
top: -7px;
left: 18px;
font: normal 1px/1px monospace;
background: url(/i/images/bubbles/default-helpbubble-info.png) no-repeat top left;
}
/* Blue right Top help bubble */
div.helpBubble.rightTop div.bluePointer {
width: 10px;
height: 19px;
position: absolute;
bottom: 18px;
left: -1px;
font: normal 1px/1px monospace;
background: url(/i/images/bubbles/blue_pointer.png) no-repeat top right;
}
div.helpBubble.rightTop div.blueClose {
height: 21px;
width: 21px;
position: absolute;
top: -6px;
right: 1px;
background: url(/i/images/bubbles/blue_close.png) no-repeat top right;
cursor: pointer;
}
div.helpBubble.rightTop div.blueBody {
border: 1px solid #98dff9;
background: #4dc8f5;
padding: 14px 20px;
margin: 0 8px;
max-width: 350px;
font-size: 0.857em;
line-height: 18px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
div.helpBubble div.blueBody h2 {
color: #fff;
font-size: 16px;
line-height: 22px;
margin: 0;
padding: 0 0 3px 0;
}
div.helpBubble div.blueBody h2.success {
padding: 0 0 3px 30px;
background: url(/i/images/icons/okay_22x22_blue.png) no-repeat left top;
}
div.helpBubble div.blueBody h2.error {
padding: 0 0 3px 30px;
background: url(/i/images/icons/error_22x22.png) no-repeat left top;
}
div.helpBubble div.blueBody h3 {
color: #c1ebfb;
line-height: 18px;
font-weight: bold;
margin: 0;
padding: 0 0 5px 0;
}
div.helpBubble div.blueBody p {
color: #fff;
font-size: 14px;
line-height: 18px;
margin: 0;
padding: 0 0 10px 0;
}
div.helpBubble div.body p.last {
padding: 0;
}
div.helpBubble div.blueBody a {
color: #fff;
}
div.helpBubble div.blueBody div.status {
left: 0;
bottom: 0;
}
div.helpBubble div.blueBody form.mobileDownload {
padding: 0 0 10px 75px;
background: url(/i/images/bubbles/blue_illustration.png) no-repeat left 5px;
zoom: 1;
}
div.helpBubble div.blueBody form.mobileDownload input {
margin: 5px 0 3px 0;
padding: 2px;
font-size: 14px;
border: 1px solid #98dff9;
}