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;
}
#container {
margin: 20px auto 0px;
position:relative !important;
}
#container.sidebar #sidebar {
margin-top: 0px;
}
body.widePromo #container.sidebar #sidebar {
margin-top: 0px;
}
#container.sidebar #content {
background: transparent url(/i/images/backgrounds/business/sidebar_begin.png) no-repeat 689px 0px;
}
body.widePromo #container.sidebar #content {
background: transparent url(/i/images/backgrounds/business/sidebar_begin.png) no-repeat 689px -50px;
}
#container #contentHeader {
margin-bottom: 20px;
width: 700px;
}
body.noHeader #container.sidebar #content {
padding-top: 60px;
}
/* Promo box */
#promo {
margin-top: 20px;
margin-bottom: 25px;
}
#container #contentHeader #promo {
margin-top: 0px;
}
#container #contentHeader #promo .content {
position: relative;
margin: 0px auto;
overflow: hidden;
width: 700px;
height: 100%;
}
body.widePromo #promo .content {
position: relative;
margin: 0px auto;
overflow: hidden;
width: 960px;
height: 100%;
}
/* Use floats to clear any whitespace below image */
#promo img {
float: left;
}
#promo .promoText {
position: absolute;
bottom: 15px;
right: 15px;
max-width: 940px;
padding: 20px 20px 15px;
background: white;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#promo .promoText p {
color: #636363;
text-shadow: #fff 0px 0px 1px;
padding-left: 13px;
margin-bottom: 0.3em;
}
#promo .promoText p.title {
color: #4b465a;
font-size: 1.86em; /* 26px */
font-weight: bold;
line-height: 1.12em;
text-indent: -13px;
letter-spacing: -1px;
}
#promo .promoText p.head {
color: #4b465a;
font-size: 1.86em; /* 26px */
font-weight: bold;
line-height: 1.12em;
padding-left:5px;
/* text-indent: -13px; */
letter-spacing: -1px;
}
#promo .promoText p img {
float: none;
}
#promo .promoText p.playVideo {
padding-top: 2px;
}
#promo .promoText p.playVideo img {
vertical-align: middle;
margin-top: -2px;
margin-right: 5px;
}
#promo .promoText p.playVideo a {
text-decoration: none;
color: #616365;
}
#promo .promoText p.playVideo a:hover span {
text-decoration: underline;
}
#promo .speechBubble {
background: transparent url(/i/images/backgrounds/bubble_left_pointer.png) no-repeat bottom left;
padding: 0 0 0 23px;
}
#promo .speechBubble .bubbleContent {
/* background: transparent url(/i/images/backgrounds/bubble_background.png) top left;*/
background: white;
padding: 20px 20px 15px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
* html #promo .speechBubble {
background: white;
padding-left: 20px;
}
#promo .centeredTitle {
position: absolute;
left:0;
top:30px;
text-align: center;
width: 960px;
height: 100%;
}
#promo .centeredTitle p.title {
color: #4b465a;
font-size: 1.86em; /* 26px */
font-weight: bold;
line-height: 1.12em;
text-indent: -13px;
letter-spacing: -1px;
}
#promo .centeredTitle p {
color: #636363;
font-size: 1.2em;
padding-left: 13px;
margin-bottom: 0.3em;
}
#promo .bigButton {
position: absolute;
left:695px;
top:240px;
}
#container {
color: #616365;
text-shadow: 0px 0px 1px #fff;
}
#content h1 {
color: #4b465a;
font-size: 1.86em;
}
#content h2 {
color: #4b465a;
padding-bottom: 0.1em;
}
#content h2 img {
margin-bottom: 10px;
}
#content h2 img.titleIcon {
vertical-align: bottom;
margin-right: 4px;
margin-bottom: 0px;
}
#content h2 img.nudgeLeft {
margin-left: -6px;
}
#content h2 img.nudgeDown {
margin-bottom: -4px;
}
#content .titleIcon img.nudgeLeft {
margin-left: -6px;
}
#content .titleIcon img.nudgeDown {
margin-bottom: -4px;
}
#content h2.title {
font-size: 1.86em;
letter-spacing: -0.03em;
line-height: 1.19em;
margin-bottom: 15px;
}
#content h2.mediumTitle {
font-size: 1.57em;
letter-spacing: -0.03em;
line-height: 1.19em;
margin-bottom: 15px;
}
#content h2.alignWithIconHeading {
margin-top: 29px;
}
#content h2.alignWithNudgedIconHeading {
margin-top: 25px;
}
#content h3 {
color: #4b465a;
}
#content h3.alignWithHeading {
margin-top: 11px;
}
#content h3.alignWithIconHeading {
margin-top: 39px;
}
#content h3.alignWithNudgedIconHeading {
margin-top: 35px;
}
#content p,
#content li {
color: #494b4d;
}
#content ul {
list-style-position: inside;
}
#content ul.listIndent {
list-style-position: outside;
margin-left: 12px;
padding-left:22px;
}
.jsEnabled {
display: none;
}
#content .multiColumn {
overflow: hidden;
height: 100%;
margin-bottom: 1.357em; /* 19px */
}
#content .multiColumn .left {
float: left;
width: 345px;
display: inline;
}
#content .multiColumn .right {
float: left;
width: 345px;
display: inline;
}
* html #content .multiColumn .right h2,
* html #content .multiColumn .right p,
* html #content .multiColumn .left h2,
* html #content .multiColumn .left p {
padding-right: 0 !important;
}
#content .multiColumn .right h2,
#content .multiColumn .right p,
#content .multiColumn .left h2,
#content .multiColumn .left p {
padding-right: 0 !important;
}
#content .multiColumn .oneThird {
float: left;
width: 230px;
}
#content #paddedContent div.baseline {
height:19px;
}
#content #paddedContent div.baseline.nudgeBottom {
height:12px;
}
/* online-number page */
#content .multiColumn .onlineBox {
width:149px;
float:left;
padding-left:20px;
}
#content .multiColumn .onlineBox p {
padding:5px 0 0 0 !important;
}
#content .multiColumn .onlineBox img.onlineIcon {
display:block;
margin:0 auto;
}
#content.onlineNumber .getNumberBox {
width:325px;
height:100%;
float:left;
padding-top:8px;
margin-left:20px;
background-color:#ebebeb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#content.onlineNumber .getNumberBox p.spacer {
height:57px;
}
* html #content.onlineNumber .getNumberBox {
margin-left:10px;
overflow:hidden;
}
#content.onlineNumber .getNumberBox h2 {
padding-bottom:15px;
}
#content.onlineNumber .getNumberBox img.onlineIcon {
float:right;
margin:3px 8px 0 0;
padding:0;
}
/* countryList */
#content.onlineNumber #paddedContent .additionalInformation {
border:none;
background-color:#ebebeb;
width:670px !important;
margin-left:20px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#content.onlineNumber #paddedContent ul.countryList li {
width:207px;
}
#content .multiColumn h2 a {
color: #4B465A;
text-decoration: none;
}
#content .multiColumn h2 img.titleIcon {
display: block;
margin-bottom: 4px;
}
#content .multiColumn div.titleIcon {
float:left;
width:325px;
padding:0 0 0 20px;
}
#content .multiColumn div.titleIconOffice {
float:left;
width:325px;
padding:2px 0 0 20px;
}
#content .multiColumn div.titleIconImg {
float:left;
width:325px;
padding:10px 0 6px 20px;
}
#content .multiColumn div.titleIconBCP {
float:left;
width:325px;
padding:0 0 2px 20px;
}
#content .multiColumn div.titleIconPBX {
float:left;
width:325px;
padding:0 0 6px 20px;
}
#content .multiColumn div.titleIconStudy {
float:left;
width:325px;
padding:0 0 6px 20px;
}
#content .multiColumn div.titleIconStudy.nudgeTop {
padding-top:5px;
}
#content .multiColumn div.titleIconTravel {
float:left;
width:325px;
padding:15px 0 0 20px;
}
#content #paddedContent .setUpBCP div.titleIcon {
width:81px;
float:left;
padding:12px 15px 5px 20px;
}
#content #paddedContent .setUpBCP div.titleIcon {
padding:14px 15px 15px 20px\9;
}
#content .multiColumn div.titleIcon,
#content .multiColumn div.titleIconImg,
#content .multiColumn div.titleIconBCP,
#content .multiColumn div.titleIconPBX,
#content .multiColumn div.titleIconStudy,
#content .multiColumn div.titleIconTravel {
overflow:hidden;
}
#content .multiColumn .mainArea {
float: left;
width: 345px;
}
#content .multiColumn .mainArea .centeredText {
text-align:center;
}
#content #paddedContent hr {
height: 1px;
background: none;
border: none;
border-top: 1px solid #ebebeb;
margin: 0 10px 1.357em 20px;
}
#content .multiColumn .profileArea {
float: right;
width: 325px;
margin-top: 1.86em; /* note: same as the font size of h1 */
padding: 20px 0 40px;
background: #EBEBEB url(/i/images/business/illustrations/profile-bottom-right-cloud.png) no-repeat right bottom;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
#content .profileArea h2.title {
font-size: 1.286em;
line-height: 1.056em;
margin-bottom: 1em;
}
#content .profileArea ul li {
list-style-position: inside;
}
#content .multiColumn .profileArea ul.listIndent {
padding-left:10px;
}
#content .multiColumn .profileArea ul.listIndent li {
list-style-position: outside;
margin-left: 12px;
}
#content .profileArea h2 img {
margin: 0 10px -10px 0;
}
/* links list */
#content .multiColumn .profileArea ul.links {
overflow: hidden;
height: 100%;
}
#content .multiColumn .profileArea ul.links li {
float: left;
width: 140px;
}
#content .multiColumn .profileArea ul.links li.double {
width: 290px;
}
/* used features list */
#content .multiColumn .profileArea ul.usedFeatures {
overflow: hidden;
height: 100%;
}
#content .multiColumn .profileArea ul.usedFeatures li {
float: left;
width: 105px;
padding-left: 36px;
padding-top: 7px;
margin-bottom: 8px;
font-size: 0.957em;
list-style: none;
}
#content .multiColumn .profileArea ul.usedFeatures li img {
float: left;
margin-left: -36px;
margin-top: -7px;
}
#content .multiColumn .profileArea ul.usedFeatures li.double {
width: 250px;
}
#content .getStarted {
width: 690px;
overflow: hidden;
margin-bottom: 20px;
}
#content .getStarted h2 {
text-align: center;
margin-bottom: 5px;
}
#content .getStarted h3,
#content .getStarted p {
padding-right: 20px !important;
}
#content .getStarted .slide {
width: 220px;
float: left;
margin-right: 15px;
}
#content .getStarted .last {
margin-right: 0;
}
#content .getStarted .slidesArrows,
#content .getStarted .slidesBegin,
#content .getStarted .slidesBody,
#content .getStarted .slidesEnd {
clear: both;
overflow: hidden;
zoom: 1;
}
#content .getStarted .slidesBegin .slide {
height: 20px;
}
#content .getStarted .slidesBody {
background: url(/i/images/backgrounds/get-started-back.png) repeat-y 0 10px;
overflow: hidden;
}
#content .getStarted .slidesBody .slide,
#content .getStarted .slidesEnd .slide,
#content .getStarted .slidesBegin .slide {
background: #ebebeb;
}
#content .getStarted .slidesBegin .slide {
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
}
#content .getStarted .slidesEnd .slide {
border-bottom-right-radius: 5px;
-webkit-border-bottom-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-left-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomleft: 5px;
}
#content .getStarted .slidesArrows .slide {
text-align: center;
line-height: 0;
padding: 0 0 10px 0;
}
/* Case study block (on prism page) */
#content #paddedContent .caseStudyBlock {
overflow: hidden;
height: 100%;
margin-bottom: 20px;
padding-left: 195px;
}
#content #paddedContent .caseStudyBlock img {
float: left;
margin-left: -175px;
}
#content #paddedContent .caseStudyBlock h2 {
padding-top:0;
}
#content #paddedContent .caseStudyBlock h2 a {
color: #4b465a;
text-decoration: none;
}
#content #paddedContent .caseStudyBlock h2 a:hover {
color: #3A9EEB;
text-decoration: underline;
}
#content #paddedContent .caseStudyBlock li {
list-style-position: outside;
margin-left: 20px;
}
#content #paddedContent .caseStudyBlock li.nobullet {
list-style: none;
margin-left:0;
}
/* New features page */
#content #paddedContent ul.featureMenu {
overflow: hidden;
height: 100%;
padding: 20px 0 20px 0;
margin: 0 0 20px 20px;
border-bottom: 1px solid #4b465a;
}
#content #paddedContent ul.featureMenu li {
float: left;
width: 124px;
list-style-type: none;
list-style-position: outside;
background: #fff;
font-size: 1.071em;
text-align: center;
line-height: 19px !important;
}
#content #paddedContent ul.featureMenu li.active:hover,
#content #paddedContent ul.featureMenu li.active {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat center bottom;
opacity: 1;
filter: alpha(opacity=100);
}
#content #paddedContent ul.featureMenu li:hover {
opacity: 0.9;
filter: alpha(opacity=90);
}
#content #paddedContent .downloadDocIcon:hover {
opacity: 0.9;
filter: alpha(opacity=90);
}
#content #paddedContent ul.featureMenu li a {
color: #4b465a;
font-weight: bold;
text-decoration: none;
}
#content #paddedContent ul.activeSoftware {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 63px bottom;
}
#content #paddedContent ul.activePricing {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 197px bottom;
}
#content #paddedContent ul.activePBXSystems {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat center bottom;
}
#content #paddedContent ul.activeMobility {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 465px bottom;
}
#content #paddedContent ul.activeToolbarsApps {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 599px bottom;
}
#content #paddedContent ul.activeFeatureCalling {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 63px bottom;
}
#content #paddedContent ul.activeFeatureVideo {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 197px bottom;
}
#content #paddedContent ul.activeFeatureConferencing {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat center bottom;
}
#content #paddedContent ul.activeFeatureText {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 465px bottom;
}
#content #paddedContent ul.activeFeatureAdmin {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 599px bottom;
}
#content #paddedContent ul.featureSubMenu {
overflow: hidden;
height: 100%;
margin-left: 20px;
padding-top: 0.4em;
margin-bottom: 30px;
border-top: 1px solid #4b465a;
border-bottom: 1px solid #ebebeb;
display: none;
}
#content #paddedContent ul.featureSubMenu li {
list-style: none;
float: left;
font-size: 0.929em;
padding: 0em 3em 0.4em 0;
}
#content #paddedContent ul.featureSubMenu li a {
text-decoration: none;
color: #4b465a;
}
#content #paddedContent ul.featureSubMenu li a:hover {
text-decoration: underline;
}
#content #paddedContent ul.pbxMenu {
overflow: hidden;
height: 100%;
padding: 20px 0 10px 0;
margin: 0 0 20px 18px;
border-bottom: 1px solid #4b465a;
}
#content #paddedContent ul.pbxMenu li {
float: left;
width: 95px;
list-style-type: none;
list-style-position: outside;
background: #fff;
text-align: center;
}
#content #paddedContent ul#asterisk li {
width: 120px;
}
#content #paddedContent ul.pbxMenu li a {
color: #4b465a;
font-size: 13px;
text-decoration: none;
}
#content #paddedContent ul.pbxMenu li.active:hover,
#content #paddedContent ul.pbxMenu li.active {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat center bottom;
opacity: 1;
}
#content #paddedContent ul.activeAsteriskWhat {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 56px bottom;
}
#content #paddedContent ul.activeAsteriskBenefits {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 175px bottom;
}
#content #paddedContent ul.activeAsteriskFeatures {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 296px bottom;
}
#content #paddedContent ul.activeAsteriskPricing {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 416px bottom;
}
#content #paddedContent ul.activeAsteriskGet {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 536px bottom;
}
#content #paddedContent ul.activeSipWhat {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 43px bottom;
}
#content #paddedContent ul.activeSipBenefits {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 138px bottom;
}
#content #paddedContent ul.activeSipSpecs {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 233px bottom;
}
#content #paddedContent ul.activeSipSupport {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 328px bottom;
}
#content #paddedContent ul.activeSipVendors {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 423px bottom;
}
#content #paddedContent ul.activeSipPricing {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 518px bottom;
}
#content #paddedContent ul.activeSipGet {
background: #fff url(/i/images/backgrounds/featuremenu-active.png) no-repeat 613px bottom;
}
.featureBlock {
overflow: hidden;
height: 100%;
margin-bottom: 30px;
}
.featureBlock.hasPanel .descriptionPanel {
width: 345px;
float: right;
}
.descriptionPanel .titleIcon {
margin: 8px 6px 6px 20px;
float: left;
}
#inbound.descriptionPanel {
padding-top:10px;
}
#outbound.descriptionPanel h2 {
padding-top:5px;
}
.featureBlock.hasPanel .infoPanel {
width: 325px;
padding-left: 20px;
padding-top: 9px;
float: left;
}
.featureBlock.hasPanel .infoPanel .infoBlock {
background: #ebebeb;
padding: 20px 0;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.featureBlock .infoPanel .infoBlock p {
font-size: 0.929em;
}
.featureBlock .infoPanel .twoColumn {
overflow: hidden;
height: 100%;
}
.featureBlock .infoPanel .twoColumn .left {
width: 165px;
float: left;
}
.featureBlock .infoPanel .twoColumn .right {
width: 160px;
float: right;
}
.featureBlock .infoPanel .titleIcon {
margin-left: 18px;
}
.featureBlock p.upsellAction {
margin-bottom: 0;
}
.descriptionPanel .paragraphIndent {
padding-left: 128px;
}
.descriptionPanel .paragraphIndentSmall {
padding-left: 75px;
}
.descriptionPanel .paragraphIndentSmaller {
padding-left: 42px;
}
.descriptionPanel .paragraphIndentSmaller h3 {
padding-top:9px;
}
.descriptionPanel .paragraphIndentSmaller p {
margin-bottom:10px;
}
/* dummy */
.featureBlock .infoPanel img.dummy {
width: 325px;
height: 180px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.featureBlock .topAnchor a {
color: #616365;
}
.upsellBlock {
background: #ebebeb;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
border-radius: 1px;
padding: 15px 35px 15px 60px;
margin: 0 0 1.357em 0;
}
.upsellBlock .upsellAction {
float: right;
text-decoration: none;
margin-left: 20px;
}
.upsellBlock .titleIcon {
float: left;
margin-left: -60px;
}
.upsellBlock.skypeToGo {
padding: 15px 0px;
}
#buyCreditBox.wideBox {
width:680px !important;
}
/* OLD STUFF!! Business features list. Remove when feature section complete. */
.features {
padding: 0 0 0 0;
margin: 0 0 19px 0;
clear: both;
}
.additionalInformation .rightColumn h2 {
padding-left: 10px !important;
}
.additionalInformation .rightColumn .features {
margin: 0 20px 19px 0;
}
.rightColumn.conferencecall {
width: 325px !important;
margin: 0 !important;
}
.rightColumn h2 {
padding-left: 10px !important;
}
.rightColumn .features {
margin: 0 0 19px 0;
}
.leftColumn .features img {
float: left;
margin: 0 0 19px 0;
}
.rightColumn .features img {
float: right;
margin: 0 0 19px 0;
}
.rightColumn .features.alignl img {
float: left;
margin: 0 0 19px 0;
}
.features img.icon {
float: left;
margin: 0 10px 19px 0;
}
.mainFeature img {
float: left;
}
.mainFeature.security img {
float: right;
margin: -64px 0 0 0;
}
.extraLines-2 {
margin-bottom: 38px !important;
}
.extraLines-3 {
margin-bottom: 57px !important;
}
.extraLines-4 {
margin-bottom: 76px !important;
}
.extraLines-5 {
margin-bottom: 95px !important;
}
.extraLines-6 {
margin-bottom: 114px !important;
}
.extraLines-7 {
margin-bottom: 133px !important;
}
/* 3 skypephone */
#skypePhoneInfo div.grayRounded {
position: relative;
float: left;
-moz-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-border-radius: 4px;
background: #f5f4f5 url(/i/images/misc/product_3skypephone_graybg.png) left bottom repeat-x;
padding: 20px 20px 20px 20px;
width: 650px;
}
#skypePhoneInfo div.grayRounded h2 {
padding: 0 0 35px 0 !important;
margin: 0 !important;
font: bold 18px/36px Arial, Helvetica, sans-serif;
}
#skypePhoneInfo div.grayRounded h2 span {
float: left;
margin-right: 10px;
}
#skypePhoneInfo div.grayRounded h2 img {
float: left;
}
#skypePhoneInfo div.grayRounded.leftGray {
width: 440px;
padding-bottom: 0px;
}
#skypePhoneInfo div.grayRounded.leftGray #skypePhonePhotoGrayLeft {
margin: 30px -20px 14px 2px;
}
#skypePhoneInfo div.grayRounded.rightGray {
float: right;
width: 440px;
padding-bottom: 0px;
}
#skypePhoneInfo div.grayRounded.rightGray #skypePhonePhotoGrayRight {
margin: 15px 2px 14px -20px;
}
#skypePhoneInfo div.grayRounded.rightGray #skypePhoneS2PhotoGrayRight {
margin: 10px 2px 6px -20px;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent, #skypePhoneOthers div.blueRounded div.blueRoundedContent {
color: #999999;
font: 12px/14px Helvetica, Arial, sans-serif;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent.floatl {
width: 335px;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent.floatr {
width: 300px;
}
#skypePhoneInfo div.grayRounded.grayLeft div.grayRoundedContent {
padding: 5px 10px 0px 10px;
}
#skypePhoneInfo div.grayRounded.grayRight div.grayRoundedContent {
padding: 5px 10px 0px 10px;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent .skypePhonePhotoBottom {
float: right;
margin: 0 -10px 0 -25px;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent table.thinTable {
width: 185px;
margin-right: 15px;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent table td strong.price {
float: left;
color: #00aff0;
font: bold 20px/22px Arial, Helvetica, sans-serif;
padding-right: 10px;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent table td, #skypePhoneOthers div.blueRounded div.blueRoundedContent table td {
font-weight: bold;
border-bottom: 1px solid #dedede;
padding: 5px 5px 3px 0;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent table td.alignRight {
border-bottom: none;
text-align: right;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent table td.strong, #skypePhoneOthers div.blueRounded div.blueRoundedContent table td.strong {
color: #666666;
border-bottom: none;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent table td.noBorder, #skypePhoneOthers div.blueRounded div.blueRoundedContent table td.noBorder {
border-bottom: none;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent table td.noBorder div.spacerBetween, #skypePhoneOthers div.blueRounded div.blueRoundedContent table td.noBorder div.spacerBetween {
height: 25px;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent table td.noBorder div.positionBottom, #skypePhoneOthers div.blueRounded div.blueRoundedContent table td.noBorder div.positionBottom {
position: absolute;
bottom: 25px;
}
#skypePhoneInfo div.grayRounded div.grayRoundedContent #skypePhoneLogoGrayRounded {
margin-bottom: 5px;
}
#skypePhoneInfo div.grayRounded #skypePhoneLogoGrayRoundedRight {
position: absolute;
bottom: 20px;
right: 30px;
}
#skypePhoneInfo div.bluePriceBox {
-moz-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 20px;
float: right;
background-color: #e3f4fc;
width: 160px;
margin-bottom: 10px;
}
/* pricing tables */
#content #paddedContent table.prices.business {
width: 100%;
background: #f2f2f2;
margin-bottom: 28px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: none;
}
#content #paddedContent table.prices.business td,
#content #paddedContent table.prices.business th {
padding: 17px 20px;
border-bottom: 1px solid #e4e4e4;
}
#content #paddedContent table.prices.business tr.last td,
#content #paddedContent table.prices.business tr.last th {
border-bottom: none;
}
#content #paddedContent table.prices.business td span {
color: #afb4b4;
}
#content #paddedContent table.prices.business th {
line-height: 16px;
}
#content #paddedContent table.prices.business th img {
float: left;
margin: 0 8px 1px 0;
}
/* business click-to-call */
#content.clickButtons div#static-buttons {
padding-left:15px;
}
#content.clickButtons input#btn-skypename {
width:220px;
}
#content.clickButtons p#codeTitle {
font-size:14px;
padding-bottom:15px;
}
#content.clickButtons #button-preview {
width:220px;
height:105px;
border:1px solid #ACACAC;
padding-top:25px;
margin-top:41px;
margin-left:20px;
}
#content.clickButtons #btn-finalcode {
width:220px !important;
height:130px !important;
border:1px solid #ACACAC;
}
#content.clickButtons input#btn-type-web {
padding:0;
margin:0 5px 0 0;
}
#content.clickButtons input#btn-type-mail {
padding:0;
margin:0 5px 0 10px;
}
#content.clickButtons div#code{
float:right;
width:350px;
margin-bottom:40px;
}
#content.clickButtons .clickButtonsHeader {
background: url(/i/images/business/clicktocall/click_to_call_header.png) no-repeat left top;
height:340px;
margin-bottom:20px;
}
#content.clickButtons .clickButtonsHeader .headerText {
width:400px;
padding:43px 0 0 150px;
text-align:center;
}
#content.clickButtons .clickButtonsHeader .headerText h1 {
padding-bottom:10px;
}
#content.clickButtons .clickButtonsHeader .headerText div.bottomText {
display:block;
font-size:16px;
padding-top:20px;
}
#content.clickButtons .clickButtonsHeader .headerText div.bottomText span.blue {
color:#00AFF0;
}
#content #paddedContent .buttonsColumn {
padding-bottom:25px;
padding-left:15px;
}
#content #paddedContent .buttonsColumn .buttonSelect .clickRadio {
float:left;
width:30px;
padding-top:15px;
}
#content #paddedContent .buttonsColumn .buttonSelect img {
float:left;
}
#content #paddedContent .buttonsColumn .buttonsBox {
width:265px;
float:left;
padding-bottom:15px;
}
#content #paddedContent .buttonsColumn .buttonsBox p,
#content #paddedContent .buttonsColumn .buttonsBoxEmail p {
margin-left:10px;
}
#content #paddedContent .buttonsColumn .buttonsBoxEmail {
width:140px;
float:left;
padding-bottom:15px;
}
#content.clickButtons div.buttonType {
padding:0 0 4px 15px;
}
#content.clickButtons input.skypeName {
width:220px;
}
#content.clickButtons textarea#btn-finalcode {
width:250px;
height:156px;
}
/* dummy */
#content.clickButtons div#buttonPreview {
margin:43px 0 0 20px;
border:1px solid #999999;
width:250px;
height:156px;
}
/* /dummy */
/* business online number */
#content.onlineNumber .onlineNumberHeader {
background: url(/i/images/business/features/online_number_header.png) no-repeat left top;
height:340px;
margin-bottom:25px;
}
#content.onlineNumber .onlineNumberHeader .headerText {
padding:25px 0 0 0;
text-align:center;
}
/* business feedback success */
#content.success .successHeader {
background: url(/i/images/business/misc/feedback_thanks_header.png) no-repeat left top;
height:340px;
width:700px;
margin-bottom:25px;
margin-top:-20px;
}
#content.success .successHeader .headerText {
padding:25px 0 0 0;
text-align:center;
}
/* business support */
#content.support .helpHeader {
width:700px;
height:340px;
background:url(/i/images/business/help/support_header.png) no-repeat left top;
margin-bottom:25px;
}
#content.support .helpHeader .headerText {
text-align:center;
padding-top:25px;
}
#content.support .helpHeader .headerText div.search {
padding-top:90px;
width:300px; margin:0 auto;
}
#content.support .helpHeader .headerText .search div {
float:left;
}
#content.support .helpHeader .search button {
height:32px;
background:url(/i/images/business/help/search_btn_background.png) repeat-x left top;
margin:0;
padding:0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#content.support .helpHeader .search .large span {
padding:7px 14px 0 15px;
height:32px;
color:#FFFFFF;
font-size:13px;
line-height:101%;
}
/* ie6-ie8 */
#content.support .helpHeader .search .large span {
padding:8px 14px 0 15px\9;
}
/* ie7 */
*:first-child+html #content.support .helpHeader .search .large span {
padding:9px 14px 0 15px;
}
#content.support .helpHeader .search .kb_search {
height:24px;
width:180px !important;
border:1px solid #999999;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size:13px;
padding:6px 6px 0 6px;
margin-right:10px;
}
#content.support #sipGuide.leftColumn {
height:110px;
}
#content.support #padded.columnImage {
padding-top:2px;
}
#content.support .supportHeader {
background: #4B465A url(/i/images/business/help/support_header_corner.png) no-repeat left bottom;
text-shadow: #4B465A 0px 0px 1px;
height: 140px;
margin: 0 20px 10px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding: 50px 10px 0 360px;
}
#content.support .supportHeader h2,
#content.support .supportHeader p {
color: #ffffff;
}
#content.support .supportHeader h2 {
padding: 0;
}
#content.support .supportHeader input {
width: 190px;
padding: 2px;
border: 1px solid #bbb;
font-family: Helvetica,Arial,sans-serif;
font-size: 1em;
text-shadow: 0 0px 1px #ffffff;
vertical-align: middle;
margin-right: 15px;
}
#content.support .supportHeader input:focus {
border: 1px solid #ddd;
}
#content.support #paddedContent .sipImage {
padding:20px 0 12px 20px;
}
#content.support .twoColumns {
margin: 0;
padding: 0;
}
#content.support .twoColumns.bottomSpace {
margin-bottom: 30px;
}
#content.support .twoColumns .leftColumn {
float: left;
width: 340px;
}
#content.support .twoColumns .leftColumn h2,
#content.support .twoColumns .rightColumn h2,
#content.support .twoColumns .rightColumn p {
padding-top: 0;
padding-left: 20px !important;
}
#content.support .twoColumns .rightColumn.business h2,
#content.support .twoColumns .rightColumn.business p {
padding-left: 0 !important;
}
#content.support .twoColumns img.columnImage {
margin-left: 20px;
}
#content.support .twoColumns .rightColumn {
float: right;
width: 330px;
}
#content.support .twoColumns .rightColumn.business {
background: #EBEBEB url(/i/images/backgrounds/business/windows_download_grey_content.png) no-repeat right bottom;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
margin-top: -11px;
padding: 20px;
width: 290px;
}
table.supportList {
border-top: 1px solid #4b465a;
border-bottom: 1px solid #ebebeb;
width: 100%;
margin-bottom: 10px;
}
table.supportList td,
table.supportList th {
padding: 7px 10px;
}
table.supportList thead th {
font-weight: bold;
padding: 10px 10px;
}
table.supportList td:first-child,
table.supportList th:first-child {
padding-left: 20px;
-webkit-border-top-left-radius: 1px;
-moz-border-radius-topleft: 1px;
border-top-left-radius: 1px;
-webkit-border-bottom-left-radius: 1px;
-moz-border-radius-bottomleft: 1px;
border-bottom-left-radius: 1px;
}
table.supportList td:last-child,
table.supportList th:last-child {
padding-right: 20px;
-webkit-border-top-right-radius: 1px;
-moz-border-radius-topright: 1px;
border-top-right-radius: 1px;
-webkit-border-bottom-right-radius: 1px;
-moz-border-radius-bottomright: 1px;
border-bottom-right-radius: 1px;
}
table.supportList tr.odd td {
background: #ebebeb;
border-bottom: 1px solid #f7f7f7;
}
.supportCountrySelector {
margin-left: 30px;
}
.upsellBlock ul.countryList {
margin-top: 5px;
}
.upsellBlock ul.countryList li .flag {
margin-right: 10px;
}
ul.featuresList {
margin-top: 20px;
}
ul.featuresList li {
list-style: outside;
list-style-type: none;
min-height: 80px;
padding: 0 0 0 90px;
margin: 0;
}
* html ul.featuresList li {
height: 80px;
}
ul.featuresList li.buyCredit {
background: transparent url(/i/images/business/icons/bcp_buyCredit.png) no-repeat left top;
}
ul.featuresList li.manageAccounts {
background: transparent url(/i/images/business/icons/bcp_manageAccounts.png) no-repeat left top;
}
ul.featuresList li.allocateCredit {
background: transparent url(/i/images/business/icons/bcp_allocateCredit.png) no-repeat left top;
}
ul.benefitsList {
margin-top: 20px;
}
ul.benefitsList li {
list-style: outside;
list-style-type: none;
min-height: 80px;
padding: 0 0 0 90px;
margin: 0;
}
* html ul.benefitsList li {
height: 80px;
}
ul.benefitsList li.saveTime {
background: transparent url(/i/images/business/icons/bcp_saveTime.png) no-repeat left top;
}
ul.benefitsList li.controlCredit {
background: transparent url(/i/images/business/icons/bcp_controlCredit.png) no-repeat 10px top;
}
ul.benefitsList li.saveMoney {
background: transparent url(/i/images/business/icons/bcp_saveMoney.png) no-repeat left top;
}
ul.benefitsList li.autoHeight {
height: auto !important;
}
div.greyBox {
background: #ebebeb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 1px;
padding: 10px 0 0 0;
margin: 0 0 1.357em 0;
}
div.smallGraphicalSteps {
background: transparent url(/i/images/business/backgrounds/graphical_steps_back.png) repeat-y 24px top;
padding-left: 15px;
margin-top: 10px;
}
div.smallGraphicalSteps .stepOne {
background: transparent url(/i/images/business/backgrounds/graphicalSteps/greyStep1.png) no-repeat 1px -1px;
}
div.smallGraphicalSteps .stepTwo {
background: transparent url(/i/images/business/backgrounds/graphicalSteps/greyStep2.png) no-repeat 1px -1px;
}
div.smallGraphicalSteps .stepThree {
background: transparent url(/i/images/business/backgrounds/graphicalSteps/greyStep3.png) no-repeat 1px -1px;
}
div.smallGraphicalSteps .stepFour {
background: transparent url(/i/images/business/backgrounds/graphicalSteps/greyStep4.png) no-repeat 1px -1px;
}
div.smallGraphicalSteps .stepFive {
background: transparent url(/i/images/business/backgrounds/graphicalSteps/greyStep5.png) no-repeat 1px -1px;
}
div.smallGraphicalSteps .stepSix {
background: transparent url(/i/images/business/backgrounds/graphicalSteps/greyStep6.png) no-repeat 1px -1px;
}
div.smallGraphicalSteps .stepSeven {
background: transparent url(/i/images/business/backgrounds/graphicalSteps/greyStep7.png) no-repeat 1px -1px;
}
div.smallGraphicalSteps .stepEight {
background: transparent url(/i/images/business/backgrounds/graphicalSteps/greyStep8.png) no-repeat 1px -1px;
}
div.smallGraphicalSteps .stepNine {
background: transparent url(/i/images/business/backgrounds/graphicalSteps/greyStep9.png) no-repeat 1px -1px;
}
#content #paddedContent img.rightMargin {
margin-right: 20px;
}
ul.outsideList {
margin-top: 10px;
}
ul.outsideList li {
list-style: outside;
list-style-type: circle;
}
table#sipPrices {
width: 670px;
margin: 0 0 20px 20px;
}
table#sipPrices tr {
border-bottom: 1px solid #d4d4d4;
}
table#sipPrices tr.noBorder {
border: none;
}
table#sipPrices tr th {
font-weight: bold;
padding-bottom: 10px;
}
table#sipPrices tr th.light,
table#sipPrices tr td.light {
color: #7F8182;
font-weight: normal;
}
table#sipPrices tr td {
padding: 5px 0 3px 0;
}
span.sipPricesLight {
color: #7F8182;
font-weight: normal;
}
/* business email landing page - do */
#promo .promoText p.titleDo {
font-size: 1.86em; /* 26px */
font-weight: bold;
line-height: 1.12em;
letter-spacing: -1px;
}
.landingDoHeading, div.promoText .titleDo {
color: #00aeef !important;
}
ul.featureCategories {
background: url(/i/images/business/promos/landing-do/feature-block-white-background.png) repeat-y #ecedee;
overflow: hidden;
height: 100%;
margin-top: -10px;
}
li.featureBoxes, li.featureBoxesLast {
list-style: none;
display: block;
width: 182px;
float: left;
padding: 15px !important;
margin: 0 15px 0 0;
}
li.featureBoxes p, li.featureBoxesLast p {
padding: 0 0 0 0 !important;
}
li.featureBoxes img, li.featureBoxesLast img {
margin-bottom: 7px;
}
li.featureBoxes img#doIconConference {
margin-top: 2px;
}
li.featureBoxesLast img#doIconCallWorld {
margin-top: 9px;
}
li.featureBoxes img#doIconIM {
margin-top: 4px;
}
li.featureBoxesLast img#doIconFileSharing {
margin-top: 1px;
}
li.featureBoxes img#doIconCredit {
margin-top: 5px;
}
li.featureBoxes img#doIconGlobal {
margin-top: 3px;
}
li.featureBoxesLast {
margin-right: 0 !important;
}
.landingDoHeading, .landingDoSubHeading {
clear: both;
}
.titleDo, .promoDo {
padding-left: 0 !important;
}
.promoDo {
padding-top: 10px;
}
.doFeatureFindOut {
margin: 0 !important;
}
li.doWhatNext {
list-style: none;
background: url(/i/images/business/promos/landing-do/do-bullet.png) left top no-repeat;
padding-left: 30px;
}
li.doWhatNext a {
color: #494B4D;
text-decoration: none;
}
/* footnote */
#container div.footnote {
position:absolute;
bottom:13px;
font-size:12px;
font-weight:bold;
}
#container p.footnote {
font-size:12px;
font-weight:bold;
}
/* no Flash message */
p.noFlashMessage {
margin-left:20px;
/* margin-bottom:20px; */
width:605px;
padding:20px 20px 20px 45px !important;
background-color:#ebebeb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-weight:bold;
background-image: url(/i/images/icons/warning_24x24_f2f2f2.png);
background-position:15px 16px;
background-repeat:no-repeat;
}
#content #videoHolder {
margin-bottom:20px;
}/* 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;
}
/* Navigation related styles */
#mainNavigation {
background: white url(/i/images/sprites/navi-top-bottom-gradients.png) left 2px repeat-x;
border-bottom: 1px solid #7FD7F7;
min-height: 31px;
}
* html #mainNavigation {
height: 31px;
}
#mainNavigation ul {
position: relative;
}
#mainNavigation ul,
#subNavigation ul,
#bottomNavigation ul {
width: 980px;
margin: 0 auto;
padding: 0;
overflow: hidden;
font-family: Helvetica, Arial, sans-serif;
}
#mainNavigation li {
float: left;
margin: 0 -20px 0 30px;
font-size: 1.143em;
font-weight: bold;
min-height: 24px;
padding-left: 2px;
display: inline;
}
#mainNavigation li.business {
}
#mainNavigation li.business a {
}
#mainNavigation li.active.business strong {
}
* html #mainNavigation li {
height: 25px;
}
#mainNavigation li a, #mainNavigation li strong {
text-decoration: none;
color: #636363;
text-shadow: #ffffff 0px 0px 1px;
display: block;
padding: 8px 10px 4px 8px;
min-height: 20px;
}
#mainNavigation li.active a {
padding: 0;
cursor: pointer;
}
#mainNavigation li.active,
#mainNavigation li.active a,
#mainNavigation li.active strong {
color: white;
background: #7FD7F7;
text-shadow: #7FD7F7 0px 0px 1px;
}
#mainNavigation li.active,
#mainNavigation li.hover,
#mainNavigation li:hover {
background: #7FD7F7 url(/i/images/sprites/navi-top-bottom-gradients.png) left -60px no-repeat;
}
#mainNavigation li.active strong,
#mainNavigation li.hover a,
#mainNavigation li:hover a {
background: #7FD7F7 url(/i/images/sprites/navi-top-bottom-gradients.png) right -60px no-repeat;
color: white;
text-shadow: #7FD7F7 0px 0px 1px;
}
#mainNavigation li.active.business,
#mainNavigation li.hover.business,
#mainNavigation li.business:hover {
background: #4b465a url(/i/images/sprites/navi-top-bottom-gradients.png) left -120px no-repeat;
}
#mainNavigation li.active.business strong,
#mainNavigation li.hover.business a,
#mainNavigation li.business:hover a {
background: #4b465a url(/i/images/sprites/navi-top-bottom-gradients.png) right -120px no-repeat;
}
#mainNavigation li.hover a {
color: white;
text-shadow: #7FD7F7 0px 0px 1px;
}
/* Show orange ribbon on Shop tag */
#mainNavigation ul.shopWithRibbon li#main-menu-shop {
border-left: 1px solid white;
border-right: 1px solid white;
background: url(/i/images/backgrounds/navigation_blue_ribbon.png) no-repeat bottom right;
}
#mainNavigation ul.shopWithRibbon li#main-menu-shop a,
#mainNavigation ul.shopWithRibbon li#main-menu-shop strong {
padding: 8px 14px 4px 7px;
}
#mainNavigation ul.shopWithRibbon li#main-menu-shop.active,
#mainNavigation ul.shopWithRibbon li#main-menu-shop.hover {
border: none;
background: #7FD7F7 url(/i/images/backgrounds/navi_top_left.png) top left no-repeat;
}
#mainNavigation ul.shopWithRibbon li#main-menu-shop.active strong,
#mainNavigation ul.shopWithRibbon li#main-menu-shop.hover a {
padding: 8px 15px 4px 8px;
background: #7FD7F7 url(/i/images/backgrounds/navi_top_right_ribbon.png) top right no-repeat;
}
#mainNavigation ul.shopWithRibbon li#main-menu-shop.active a {
padding: 0;
}
/* Show gift icon on Shop tag */
#mainNavigation ul.shopWithGift li#main-menu-shop {
background: url(/i/images/backgrounds/navigation_blue_gift.png) no-repeat bottom left;
padding-left: 25px;
}
#mainNavigation ul.shopWithGift li#main-menu-shop a,
#mainNavigation ul.shopWithGift li#main-menu-shop strong {
padding: 8px 10px 4px 6px;
}
#mainNavigation ul.shopWithGift li#main-menu-shop.active,
#mainNavigation ul.shopWithGift li#main-menu-shop.hover {
background: #7FD7F7 url(/i/images/backgrounds/navi_top_left_gift.png) no-repeat top left;
}
#mainNavigation ul.shopWithGift li#main-menu-shop.active strong,
#mainNavigation ul.shopWithGift li#main-menu-shop.hover a {
/* background: #7FD7F7 url(/i/images/backgrounds/navi_top_right.png) no-repeat top right;*/
}
#mainNavigation ul.shopWithGift li#main-menu-shop.active a {
padding: 0;
}
/* SUB NAVIGATION */
#subNavigation {
position: relative;
z-index: 9;
}
#subNavigation {
height:38px;
background: #4B465A;
}
.getBusinessVersion #subNavigation {
height:38px;
background: white;;
}
#subNavigation ul {
font-size: 0.929em;
position: relative;
}
#subNavigation li {
float: left;
margin: 0 -25px 0 25px;
font-size: 1em;
background: none;
padding: 7px 15px 12px 15px;
display: inline;
white-space: nowrap;
}
#subNavigation li a {
color: #636363;
/* text-shadow: #4b465a 0px 0px 1px; */
text-decoration: none;
font-weight: normal;
}
#subNavigation li a:hover {
color: #444444;
text-decoration: underline;
}
#subNavigation li.active {
background: transparent url(/i/images/backgrounds/business/navi_arrow_down_grey.png) no-repeat center 32px;
font-weight: normal;
}
.getBusinessVersion #subNavigation li.active {
background: white;
font-weight: normal;
}
#subNavigation li.active a:hover {
text-decoration: none;
}
#subNavigation li.active strong {
/* font-weight:normal !important; */
color: #7FD7F7;
}
/* BOTTOM NAVIGATION */
#bottomNavigation {
position: relative;
z-index: 9999;
background-color: #4b465a;
height: 32px;
}
#bottomNavigation {
height: 36px;
}
#bottomNavigation u {
font-size: 0.929em;
position: relative;
}
#bottomNavigation ul {
color: #fff;
font-size: 0.86em;
padding: 0;
width: 1000px;
}
#bottomNavigation li {
float: left;
margin: 0 -25px 0 25px;
font-size: 1em;
background: none;
padding: 7px 15px 6px 15px;
display: inline;
white-space: nowrap;
}
#bottomNavigation li {
padding-top: 9px;
padding-bottom: 8px;
}
#bottomNavigation li a {
color: #fff;
text-shadow: #4b465a 0px 0px 1px;
text-decoration: none;
font-weight: normal;
}
#bottomNavigation li a:hover {
color: #fff;
text-decoration: underline;
}
#bottomNavigation li.active {
background: transparent url(/i/images/backgrounds/business/navi_arrow_up.png) no-repeat bottom center;
font-weight: normal;
}
#bottomNavigation li.active {
background: transparent url(/i/images/backgrounds/business/navi_arrow_up_grey.png) no-repeat bottom center;
}
#bottomNavigation li.active:hover {
text-decoration: underline;
}
#bottomSubNavigation {
border-bottom: 1px solid #d9d9d9;
background: #ebebeb;
color: #636363;
padding: 20px 0;
}
#bottomSubNavigation div {
width: 960px;
background: url(/i/images/backgrounds/business/footer-submenu.png) top left repeat-y;
overflow: hidden;
margin: 0 auto;
}
#bottomSubNavigation div ul {
width: 171px;
float: left;
font-size: 0.86em;
background: none;
margin-bottom:0;
}
#bottomSubNavigation div ul li {
padding: 0 20px 0 20px;
}
#bottomSubNavigation li.title {
font-weight: bold;
color: #636363;
}
#bottomSubNavigation a {
color: #636363;
text-decoration: none;
}
#bottomSubNavigation a:hover {
text-decoration: underline;
}
/* Skype Manager signIn */
#subNavigation li.businessLogin {
width:240px !important;
padding:7px 5px 6px 5px !important;
margin:0 15px 0 0 !important;
float:right;
}
#subNavigation li.businessLogin.open {
background:transparent url(/i/images/business/misc/loginbox_top_shadow.png) no-repeat bottom center;
}
#subNavigation li.businessLogin strong {
cursor:pointer;
color:#636363;
text-shadow:#ffffff 0px 0px 1px;
font-weight:normal;
text-align:left;
padding-right:0px !important; /* 18 */
padding-left:0px !important;
background:none !important;
}
#subNavigation li.businessLogin span {
width:9px;
height:5px;
float:left;
padding-right:5px;
margin:7px 0 0 28px;
}
#subNavigation li.businessLogin span.open {
background:#ffffff url(/i/images/backgrounds/business/manager_arrow_down.png) no-repeat left center;
}
#subNavigation li.businessLogin span.close {
background:#ffffff url(/i/images/backgrounds/business/manager_arrow_up.png) no-repeat left center;
}
.signInArea {
width:960px;
margin:0 auto;
position:relative;
z-index:15000;
}
.signInArea p {
color:#666666;
text-shadow:#ffffff 0px 0px 1px;
margin: 0 0 15px;
}
.signInArea p.learnMore {
line-height:22px;
}
.signInArea p.learnMore a {
color:#666666;
font-size:12px;
}
.signInArea p.action {
padding-top:3px;
}
.signInArea p.action .text {
float:right;
line-height:27px;
}
.signInBox {
position:absolute;
width:240px;
padding:0 5px 5px 5px;
/* padding:15px 25px 18px 25px; */
right:15px;
top:-6px;/*11*/
background:transparent url(/i/images/business/misc/loginbox_bottom_shadow.png) no-repeat left bottom;
}
.signInContent {
padding:9px 20px 18px 20px;
color:#666666;
text-shadow:#ffffff 0px 0px 1px;
font-size:0.929em;
background-color:#FFFFFF;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-webkit-border-bottom-left-radius:3px;
-webkit-border-bottom-right-radius:3px;
}
.signInArea form input {
width:184px;
padding:3px 7px;
margin:0;
border:1px solid #c8c8c8;
font-family:Helvetica, Arial, sans-serif;
font-size:13px;
color:#666666;
}
/* BCP login block */
#subNavigation li.businessLogin {
width: 220px;
padding: 7px 0px 6px;
margin: 0px 12px 0px 10px;
float: right;
}
#subNavigation li.businessLogin strong {
color:#636363;
text-shadow: #ffffff 0px 0px 1px;
font-weight:normal;
padding-right: 18px;
padding-left: 14px;
background: #ffffff url(/i/images/backgrounds/business/manager_arrow_down.png) no-repeat left center;
}
#subNavigation li.businessLogin strong.open {
background: #ffffff url(/i/images/backgrounds/business/manager_arrow_up.png) no-repeat left center;
}
#loginArea {
width: 960px;
margin: 0px auto;
position: relative;
z-index: 1000;
}
#loginArea p {
color: white;
text-shadow: #4b465a 0px 0px 1px;
margin: 0 0 1em;
}
#loginBox {
position: absolute;
width: 220px;
right: 20px;
background: #4b465a;
color: white;
text-shadow: #4b465a 0px 0px 1px;
font-size: 0.929em;
-moz-border-radius-bottomleft: 2px;
-moz-border-radius-bottomright: 2px;
-webkit-border-bottom-left-radius: 2px;
-webkit-border-bottom-right-radius: 2px;
}
#loginBox p.action {
padding-bottom: 0px;
}
#loginBox .action {
padding: 5px 20px 10px;
overflow: hidden;
height: 22px;
}
#loginBox .action .text {
line-height: 22px;
float: right;
}
#loginBox .action button.simple {
float: left;
}
#loginArea #loginBox a {
color: #fff;
text-shadow: #4b465a 0px 0px 1px;
text-decoration: underline;
}
#loginArea .loginOpen form {
padding-top: 5px;
}
#loginArea .loginOpen p {
padding: 0px 20px;
line-height: 21px;
}
#loginArea .loginOpen p.learnMore {
font-size: 0.85em;
margin: 0;
padding-bottom: 1em;
}
#loginArea .loginOpen label input {
width: 174px;
padding: 2px;
border: 1px solid #c8c8c8;
font-family: Helvetica, Arial, sans-serif;
font-size: 1em;
text-shadow: #c8c8c8 0px 1px 1px;
}
/* TODO: Conditions go somewhere else? */
.cond-default {
display: block;
}
.cond-existing, .cond-30days {
display: none;
}
#content .chevron {
background: url(/i/images/backgrounds/chevron.png) repeat-x center right;
margin: 2px 16px 0 0 !important;
padding: 0 !important;
height: 16px;
display: inline;
}
.chevron li {
float: left;
list-style: none;
font-weight: bold;
color: #939393;
background: #fff;
margin: 0 0 0 22px;
padding: 0 4px 0 26px !important;
display: inline;
}
.chevron li.current {
color: #000;
}
.chevron li.first {
margin-left: 0;
}
.chevron li.step1,
.chevron li.step2,
.chevron li.step3,
.chevron li.step4,
.chevron li.step5,
.chevron li.step6,
.chevron li.step7,
.chevron li.step8,
.chevron li.step9 {
padding-left: 26px;
background: no-repeat;
background-color: #fff;
background-position: 4px 0px !important;
}
.chevron li.step1 {
background-image: url(/i/images/bullets/grey_1_small.png);
}
.chevron li.step1.current {
background-image: url(/i/images/bullets/blue_1_small.png);
}
.chevron li.step2 {
background-image: url(/i/images/bullets/grey_2_small.png);
}
.chevron li.step2.current {
background-image: url(/i/images/bullets/blue_2_small.png);
}
.chevron li.step3 {
background-image: url(/i/images/bullets/grey_3_small.png);
}
.chevron li.step3.current {
background-image: url(/i/images/bullets/blue_3_small.png);
}
.naviSteps {
font-weight: bold;
}
.naviSteps span {
color: #98d112;
padding: 0 0.25em;
}#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;
}#sidebar.support,
#sidebar.subscriptions {
padding-top: 0px;
}
#sidebar #sidebarContent {
padding: 60px 20px 0 17px;
color: #494b4d;
}
body.widePromo #sidebar #sidebarContent {
padding-top: 0px;
color: #494b4d;
}
#sidebarContent.sideMenu .alternative {
padding-top: 0px;
}
#sidebar #sidebarContent h2.title {
color: #4b465a;
font-size: 1.86em; /* 26px */
font-weight: bold;
line-height: 1.19em;
letter-spacing: -0.03em;
margin-bottom: 15px;
padding-top: 0px;
padding-bottom: 0px;
}
#sidebar #sidebarContent hr.sidebar {
margin: -5px 0 34px -17px;
padding: 0;
border: none;
height: 1px;
width: 220px;
color: #EBEBEB;
background-color: #EBEBEB;
}
#sidebar #sidebarContent h3 {
color: #4b465a;
}
#sidebar #sidebarContent p {
color: #494b4d;
margin-bottom: 2.8em;
}
#sidebar #sidebarContent p.first {
color: #494b4d;
margin-bottom: 2.0em;
}
#sidebar #sidebarContent .titleImage {
margin-top: 5px;
}
#sidebar #sidebarContent div.titleIcon {
/* dummy */
}
#sidebar #sidebarContent .downloadButton,
#sidebar #sidebarContent .purpleButton {
margin: 10px 0 29px -17px;
width: 220px;
}
#sidebar #sidebarContent .downloadButton a,
#sidebar #sidebarContent .purpleButton 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;
}
#sidebar #sidebarContent .purpleButton a img {
vertical-align: top;
}
#sidebar #sidebarContent .downloadButton a.smaller,
#sidebar #sidebarContent .purpleButton a.smaller {
font-size: 1.143em;
}
#sidebar #sidebarContent .downloadButton a strong {
background: #4B465A url(/i/images/icons/skype_dl_24x24_purple.png) no-repeat center left;
line-height: 16px;
padding: 4px 0px 4px 34px;
}
#sidebar #sidebarContent .purpleButton a strong {
line-height: 24px;
padding: 4px 0px;
}
#sidebar #sidebarContent #signNewsLetterForm p {
margin-bottom: 1em;
}
#sidebar #sidebarContent #signNewsLetterForm .newsletterForm p {
margin-bottom: 0.7em;
}
#sidebar #sidebarContent #signNewsLetterForm .newsletterForm input {
border: 1px solid #ddd;
font-family: Helvetica,Arial,sans-serif;
font-size: 1em;
padding: 2px;
text-shadow: 0 0px 1px #ffffff;
width: 190px;
vertical-align: middle;
}
/* Sidebar category navigation */
/* ie7 */
*:first-child+html #sidebarMenu {
margin-top:-20px;
margin-bottom:-20px;
}
#sidebarMenu ul li {
margin-left: -27px;
padding-left: 27px;
margin-bottom:7px;
}
#sidebarMenu ul li.bulleted {
background: transparent url(/i/images/backgrounds/sidenav_indicatorarrow_grey.png) left 10px no-repeat;
margin-left: -8px;
padding-left: 11px;
}
#sidebarMenu ul li.bulleted {
background-position:left 12px\9; /* ie6-8 */
}
#sidebarMenu ul li a {
text-decoration: none;
color: #4b465a;
}
#sidebarMenu ul li.active {
background: url(/i/images/backgrounds/sidenav_arrow_grey.png) left center no-repeat;
margin-bottom:8px;
}
#sidebarMenu ul li.active a {
background: #eaebeb url(/i/images/backgrounds/sidenav_grey.png) right top no-repeat;
color: #4b465a;
}
#sidebarMenu ul li.active a strong {
background: url(/i/images/backgrounds/sidenav_grey.png) right bottom no-repeat;
padding: 0 5px 5px 20px;
}
#sidebarMenu ul li.active a strong {
padding: 0 5px 7px 20px\9; /* ie6-8 */
}
/* no emergency calls*/
p.noEmergencyCalls {
padding-top:119px;
}
p.noEmergencyCalls strong {
color: #4B465A;
}
p.noEmergencyCalls img {
display:block;
float:left;
margin-bottom:2px;
}/* business page */
div #topSplash.welcome {
position: relative;
/* height: 460px;*/
min-height: 460px;
margin: 0 auto 56px auto;
width: 960px;
background: url(/i/images/photos/business_meeting2.jpg) 382px 0px no-repeat;
}
* html div #topSplash.welcome {
height: 500px;
}
div #topSplash.welcome.back {
position: relative;
height: 306px;
min-height: 306px;
margin: 0 auto 56px auto;
width: 960px;
background: url(/i/images/photos/business_meeting.jpg) 365px 0px no-repeat;
}
* html div #topSplash.welcome.back {
height: 306px;
}
div #splashContent {
padding: 30px 20px 20px;
}
div #splashContent.longtext h1 {
font-size: 26px;
}
div #splashContent.longtext p {
font-size: 12px;
}
.clouds {
display: block;
position: absolute;
bottom: 0;
}
div.indexBlue {
margin: 4px 0 0 0;
background-color: #00aff0;
}
div.indexBlue h1,
div.indexBlue p {
color: #ffffff;
width: 330px;
font-weight: bold;
}
div.indexBlue p.normal {
font-weight: normal;
}
div.indexBlue .halfLine {
height: 11px;
}
div.indexBlue .goVideo {
background:url(/i/images/backgrounds/gray_videobox_blue.png) no-repeat top left;
width: 341px;
height: 81px;
display: block;
margin-top: 40px;
margin-bottom: 66px;
margin-left: -1px;
}
* html div.indexBlue .goVideo {
display: block;
}
div.indexBlue .goVideo a {
width: 341px;
display: table-cell;
height: 81px;
vertical-align: middle;
padding: 0px 70px 0px 127px;
text-decoration: none;
font-weight: bold;
font-size: 14px;
color: #666666;
background: url(/i/images/misc/business_video_100.png) no-repeat 5px 5px;
}
* html div.indexBlue .goVideo a {
width: 144px;
display: block;
height: 70px;
padding-top: 11px;
}
*:first-child+html div.indexBlue .goVideo a {
width: 144px;
display: block;
height: 70px;
padding-top: 11px;
}
div.indexBlue .goVideo a.longtext {
font-size: 12px;
padding: 0px 70px 0px 120px;
width: 348px;
}
* html div.indexBlue .goVideo a.longtext {
padding-top: 11px;
width: 151px;
}
*:first-child+html div.indexBlue .goVideo a.longtext {
padding-top: 11px;
width: 151px;
}
#paddedContent .goVideo {
background: url(/i/images/backgrounds/gray_big_videobox_white.png) no-repeat top left;
width: 204px;
margin: 0 30px 10px 19px;
min-height: 172px;
}
* html #paddedContent .goVideo {
margin-left: 10px;
}
#paddedContent .goVideo .videoBox {
padding: 6px 6px 4px;
width: 192px;
height: 107px;
}
#paddedContent .goVideo .textBox {
padding: 2px 6px 7px;
background: url(/i/images/backgrounds/gray_big_videobox_bottom_white.png) no-repeat bottom left;
min-height: 47px;
}
#paddedContent .goVideo a {
display: block;
padding: 4px 50px 4px 6px;
text-decoration: none;
font-weight: bold;
font-size: 14px;
color: #666666;
}
h1.business {
margin: 22px 0 19px 0;
line-height: 100%;
}
h2.business {
padding: 0 0 19px 0;
margin: -19px 0 0 0;
line-height: 1.357em;
}
#content .businessSubHead {
font-size:1.6em;
}
.contentSplit {
margin: 20px 0 0 0;
}
.additionalInformation .contentSplit {
margin: 0;
}
#sidebarContent.noPadding {
padding-top: 19px !important;
}
a#submitButton {
margin-top: 10px;
}
.businessControlPanel h2,
.getMoreFeatures h2 {
font: bold 24px Helvetica, Arial, sans-serif;
color: #525252;
padding-top: 0;
}
h3.signin {
background: url(/i/images/icons/padlock_16x16_blue.png) left bottom no-repeat;
margin: 5px 0 10px 0;
color: #525252;
line-height: 16px;
}
.businessControlPanel {
float: left;
width: 460px;
margin: 0 30px -19px 12px;
}
.businessControlPanel img {
margin: 0 14px 57px 5px !important;
}
.getMoreFeatures img {
margin: 6px 10px 70px 5px !important;
}
.businessSignIn {
float: left;
width: 150px;
}
.businessSignIn label {
color: #333;
}
.businessSignIn input {
margin: 0 5px 8px 0;
padding: 2px;
font-size: 12px;
}
.getMoreFeatures {
/* border-top: 1px solid #7fd7f7; */
margin: 0 0 19px 0;
}
p.newsletterForm label,
p.newsletterForm input {
font-size: 12px;
margin: 0 5px 0 0;
float: left;
padding: 3px;
}
p.newsletterForm label {
font-size: 14px;
font-weight: bold;
}
p.newsletterForm input {
width: 130px;
}
p.newsletterForm .blue {
margin: 0;
}
.newsletter {
float: left;
margin: 0 10px 0 0;
}
#sidebarContent.welcomeBack {
padding-top: 0 !important;
}
h2.welcomeBack {
padding-top: 0;
margin-top: 5px;
}
img.freecalls {
margin: 0 20px 0 5px;
float: left;
}
.callphones {
background: url(/i/images/misc/business_features_callphones.png) left top no-repeat;
padding: 0 0 40px 140px;
margin: 0 0 0 15px;
}
.onlinenumbers {
background: url(/i/images/misc/business_features_onlinenumbers.png) left top no-repeat;
padding: 0 0 19px 140px;
margin: 0 0 0 15px;
}
.calltransfer {
background: url(/i/images/misc/business_features_calltransfer.png) left top no-repeat;
padding: 0 0 19px 140px;
margin: 0 0 0 15px;
}
.voicemail {
background: url(/i/images/misc/business_features_voicemail.png) right top no-repeat;
padding: 0 130px 21px 0;
margin: 0 0 0 15px;
}
.callforwarding {
background: url(/i/images/misc/business_features_callforwarding.png) right top no-repeat;
padding: 0 130px 19px 0;
margin: 0 0 0 15px;
}
.casestudyPicture {
padding: 0 20px;
float: left;
}
.casestudyQuote {
float: right;
width: 420px;
margin: 0 20px 0 0;
padding: 0;
}
.casestudyLogo {
margin: 10px 0 0 0; zoom: 1;
}
#sidebarContent.sideMenu .alternative {
/* padding-top: 310px;*/
}
.features {
padding: 0 0 0 0;
margin: 0 0 19px 0;
clear: both;
}
.additionalInformation .rightColumn h2 {
padding-left: 10px !important;
}
.additionalInformation .rightColumn .features {
margin: 0 20px 19px 0;
}
.rightColumn.conferencecall {
width: 325px !important;
margin: 0 !important;
}
.rightColumn h2 {
padding-left: 10px !important;
}
.rightColumn .features {
margin: 0 0 19px 0;
}
.leftColumn .features img {
float: left;
margin: 0 0 19px 0;
}
.rightColumn .features img {
float: right;
margin: 0 0 19px 0;
}
.rightColumn .features.alignl img {
float: left;
margin: 0 0 19px 0;
}
.features img.icon {
float: left;
margin: 0 10px 19px 0;
}
.mainFeature img {
float: left;
}
.mainFeature.security img {
float: right;
margin: -64px 0 0 0;
}
.extraLines-2 {
margin-bottom: 128px !important;
}
.extraLines-3 {
margin-bottom: 57px !important;
}
.extraLines-4 {
margin-bottom: 76px !important;
}
.extraLines-5 {
margin-bottom: 95px !important;
}
.extraLines-6 {
margin-bottom: 114px !important;
}
.extraLines-7 {
margin-bottom: 133px !important;
}
.backToProductsLink a {
float:right;
text-align: right;
margin-top: -30px;
}
p.backToProducts {
padding-top:27px;
}
/* ============= */
/* Features grid */
/* ============= */
div.featuresGrid {
margin: 19px 0 0 20px;
}
div.featuresGrid div.item {
width: 157px;
float: left;
margin: 0 14px 19px 0;
text-align: left;
}
div.featuresGrid div.item p {
margin: 0 !important;
padding: 0 !important;
}
div.featuresGrid div.item p a {
font-size: 1.25em;
}
div.featuresGrid div.item p span {
font-size: 1em;
display: block;
}
div.featuresGrid div.item.last {
margin: 0;
}
/* ========== */
/* Tools grid */
/* ========== */
div.toolsGrid {
margin: 19px auto 0 auto !important;
width: 514px;
}
* html div.toolsGrid {
width:525px;
}
div.toolsGrid div.item {
width: 157px;
float: left;
margin: 0 7px 0 7px;
text-align: center;
}
div.toolsGrid div.item.double {
width: 328px;
float: left;
margin: 0 7px 19px 7px;
text-align: center;
}
div.toolsGrid div.item p {
margin: 0 !important;
padding: 0 !important;
}
/*quotes*/
blockquote p {
font-size: 18px;
color: #00aff0;
line-height: 24px;
margin: 0 !important;
padding: 0 !important;
}
blockquote.floatl {
margin: 0 20px 19px 0;
float: left;
}
blockquote.floatr {
margin: 0 0 19px 20px;
float: right;
}
#blueSplashBottom {
float: right;
width: 260px;
height: 200px;
margin-top: -150px;
margin-bottom: 0px;
position: relative;
z-index: 1000;
}
#blueSplashBottomImg {
position: absolute;
right: 30px;
bottom: 0px;
}
.learnMoreLink {
padding: 8px 0 0 0;
line-height: 32px;
margin: 0 0 0 10px;
font-weight: bold;
}
/* ============= */
/* Reseller Form */
/* ============= */
.formWrapper {
margin: 0 0 0 0px;
}
.formWrapper fieldset {
border-top: 1px solid #d9d9d9;
padding: 19px 10px;
margin: 0 0 19px 0;
display: block;
}
.formWrapper legend {
padding: 0 10px;
font-weight: bold;
line-height: 28px;
border: 1px solid #d9d9d9;
color: #525252;
background: url(/i/images/business/partners/legend_background.png) bottom left repeat-x;
}
.formWrapper label {
width: 200px;
display: block;
float: left;
text-align: right;
margin: 0 10px 10px 0;
line-height: 19px;
color: #2c2c2c;
}
.formWrapper input {
width: 250px;
display: block;
float: left;
text-align: left;
margin: 0 10px 10px 0;
line-height: 19px;
font-size: 1em !important;
}
.formWrapper select {
margin: 0 10px 10px 0;
width: 252px;
}
.formWrapper textarea {
margin: 0 10px 10px 0;
width: 250px;
height: 100px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.9em;
}
.formWrapper br {
clear: both;
}
.formWrapper .checkbox input {
width: auto !important;
}
.formWrapper .checkbox label {
width: auto !important;
}
.presenceFeature {
background: url(/i/images/business/features/presence_background.png) top left no-repeat;
width: 690px;
height: 226px;
margin: 0 0 19px 0;
position: relative;
}
.presenceFeature .linePresence {
background: url(/i/images/business/features/presence_line_top.png) bottom left no-repeat;
position: absolute;
left: 102px;
top: 32px;
}
.presenceFeature .linePresence span {
display: block;
color: #ffffff;
font-weight: bold;
padding: 0 3px 20px 23px;
}
.presenceFeature .lineContact {
background: url(/i/images/business/features/presence_line_top_contact.png) bottom left no-repeat;
position: absolute;
left: 452px;
top: 33px;
}
.presenceFeature .lineContact span {
display: block;
color: #ffffff;
font-weight: bold;
padding: 0 3px 15px 23px;
}
.presenceFeature .lineMood {
background: url(/i/images/business/features/presence_line_bottom.png) top left no-repeat;
position: absolute;
left: 342px;
bottom: 39px;
}
.presenceFeature .lineMood span {
display: block;
color: #ffffff;
font-weight: bold;
padding: 36px 3px 0 54px;
}
.presenceFeature span a {
color: #ffffff;
text-decoration: none;
}
.contentSplit.extras p {
padding-bottom: 0;
margin-bottom: 0;
}
.contentSplit.extras li {
margin: 0;
padding: 0;
list-style: none;
}
div.bannerTitle.videoCall {
background: #00aff0 url(/i/images/illustrations/products_business_videocall_hq.png) no-repeat left top;
}
p.newsletterForm .buttonMargin {
margin-top:7px;
}
p.newsletterForm input.inputWidth {
width: 150px;
}
* html #content #paddedContent div.threeColumnSplit div.column.last ul.countryList li {
width: 200px;
}
* html div.threeColumnSplit div.column.last {
width: 210px;
}
/* SIP prices */
div.sipPricing .priceBox {
margin-left:20px;
margin-bottom:20px;
padding:20px 20px 13px 20px;
background-color:#ebebeb;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
color:#4b465a;
}
div.sipPricing .priceBox span {
font-size:28px;
font-weight:bold;
}
div.sipPricing span.sipTitle {
color: #636363;
font-size: 1.286em;
font-weight: bold;
display: block;
padding-bottom: 8px;
}
div.sipPricing span.sipPrice {
font-size:28px;
font-weight:bold;
}
div.sipPricing span.sipVat {
font-weight:bold;
color:#999;
}
/* SIP support */
#content div.searchkb {
padding:12px 0 0 20px;
}
#content div.searchkb div {
float:left;
}
#content div.searchkb div.search_btn {
padding-left:10px;
}
#content div.searchkb input.kb_search {
width:210px;
}
#content .searchkb .searchbtn {
padding-top:12px;
}
/* New Business Sites */
/* Content Styles */
#content .separator {
height:31px;
width:915px;
margin:0 auto;
background-image:url(/i/images/business/misc/horizontal_seperator.png);
}
#content div.clear {
clear:both;
_height:1px;
}
/* Wide Content Styles */
.wideContent {
clear: both; /* IE6 fix */
color:#666666 !important;
overflow:hidden;
}
.wideContent h1,
.wideContent h2,
.wideContent h3,
.wideContent h4,
.wideContent h5,
.wideContent h6 {
color:#4b465a !important;
font-weight:bold !important;
margin:0 !important;
}
.wideContent h1 {
font-size:26px !important;
padding:0 !important;
}
.wideContent h2 {
font-size:18px !important;
padding:5px 0 20px 0 !important;
}
body.arabic .wideContent h2 {
padding: 5px 20px 20px 0 !important;
}
.wideContent h3 {
font-size:14px !important;
padding:0 !important;
}
.wideContent ul.listIndent {
list-style-position: outside;
margin-left:2px !important;
padding-left:14px !important;
}
.wideContent.paddedFooter {
padding:66px 0 36px 20px;
}
.wideContent .footNote {
width:706px;
padding-top:92px;
float:left;
font-size:12px;
font-weight:normal;
}
.wideContent .emergencyCalls {
width:200px;
float:right;
padding-right:20px;
}
body.arabic .wideContent .emergencyCalls {
padding-right: 0;
padding-left: 20px;
}
.wideContent .emergencyCalls strong {
color:#4B465A;
}
.wideContent #videoHolder {
background-color:#FFFFFF;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.wideContent #videoHolder .noFlashMessage {
margin-top:10px;
padding:20px 20px 20px 45px;
background-color:#ebebeb;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
font-weight:bold;
background-image: url(/i/images/icons/warning_24x24_f2f2f2.png);
background-position:15px 16px;
background-repeat:no-repeat;
}
.wideContent .contentHolder.sidebar {
background-image: url(/i/images/business/misc/vertical_separator.png);
background-position:right top;
background-repeat:no-repeat;
}
.wideContent div.bubble1 {
height:25px;
padding:9px 0 0 38px;
margin-bottom:4px;
background-image: url(/i/images/business/misc/bubble1.png);
background-position:left center;
background-repeat:no-repeat;
}
body.arabic .wideContent div.bubble1 {
margin-right: 20px;
padding: 9px 38px 0 0;
background-position: right center;
float: right;
width: 600px;
}
.wideContent div.bubble2 {
height:25px;
padding:9px 0 0 38px;
margin-bottom:4px;
background-image: url(/i/images/business/misc/bubble2.png);
background-position:left center;
background-repeat:no-repeat;
}
body.arabic .wideContent div.bubble2 {
margin-right: 20px;
padding: 9px 38px 0 0;
background-position: right center;
float: right;
width: 600px;
}
.wideContent div.bubble3 {
height:25px;
padding:9px 0 0 38px;
margin-bottom:4px;
background-image: url(/i/images/business/misc/bubble3.png);
background-position:left center;
background-repeat:no-repeat;
}
body.arabic .wideContent div.bubble3 {
margin-right: 20px;
padding: 9px 38px 0 0;
background-position: right center;
float: right;
width: 600px;
}
.wideContent div.bubble4 {
height:25px;
padding:9px 0 0 38px;
margin-bottom:4px;
background-image: url(/i/images/business/misc/bubble4.png);
background-position:left center;
background-repeat:no-repeat;
}
body.arabic .wideContent div.bubble4 {
margin-right: 20px;
padding: 9px 38px 0 0;
background-position: right center;
float: right;
width: 600px;
}
.wideContent div.bubble5 {
height:25px;
padding:9px 0 0 38px;
margin-bottom:4px;
background-image: url(/i/images/business/misc/bubble5.png);
background-position:left center;
background-repeat:no-repeat;
}
body.arabic .wideContent div.bubble5 {
margin-right: 20px;
padding: 9px 38px 0 0;
background-position: right center;
float: right;
width: 600px;
}
.wideContent div.bubble6 {
height:25px;
padding:9px 0 0 38px;
margin-bottom:4px;
background-image: url(/i/images/business/misc/bubble6.png);
background-position:left center;
background-repeat:no-repeat;
}
body.arabic .wideContent div.bubble6 {
margin-right: 20px;
padding: 9px 38px 0 0;
background-position: right center;
float: right;
width: 600px;
}
/* Wide Promo Styles */
#widePromo {
height:184px;
background-position:bottom center;
background-repeat:no-repeat;
}
#widePromo.gray {
background-color:#00AFF0;
}
#widePromo #promoImage {
width:920px;
margin:0 auto;
position:relative;
}
#widePromo #promoImage .right {
position:absolute;
right:0;
z-index:10;
}
#widePromo #promoImage .left {
position:absolute;
left:0;
z-index:15;
}
#widePromo #promoText {
width:920px;
margin:0 auto;
padding:16px 20px 0 20px;
}
#widePromo #promoText h1 {
font-size:32px;
font-weight:bold;
color:#FFFFFF;
text-shadow:0 0 1px #4b465a;
letter-spacing:-1px;
margin:0;
padding:0;
}
#widePromo #promoText p {
font-size:24px;
font-weight:bold;
color:#fff;
opacity: 0.7;
filter: alpha(opacity = 70);
text-shadow:0 0 1px #4b465a;
letter-spacing:-1px;
margin:0;
padding:5px 0 0 0;
}
body.smallPromoText #widePromo #promoText p {
font-size: 20px;
}
/* BUSINESS SLIDING TABS */
.tabSlider {
width:920px;
margin:0 auto;
}
.tabSlider.short {
width:686px;
}
.tabSlider .slidingTab {
padding-bottom:10px;
background-color:#FFFFFF;
background-image:url(/i/images/business/misc/toggle_separator.png);
background-position:bottom left;
background-repeat:no-repeat;
margin-bottom:36px;
}
.tabSlider.short .slidingTab {
background-image:url(/i/images/business/misc/toggle_separator_short.png);
}
.tabSlider .slidingTitle {
height:30px;
}
.tabSlider .slidingTitle .title {
float:left;
font-size:1em;
color:#00aff0;
font-weight:bold;
text-decoration:none;
}
body.arabic .tabSlider .slidingTitle .title {
float: right;
}
.tabSlider .slidingTitle .title span {
float: left;
}
.tabSlider .slidingTitle .title:hover {
cursor:pointer;
}
.tabSlider .slidingTitle .title .arrow {
width:9px;
height:5px;
float:left;
margin-top:7px;
margin-left:8px;
}
body.arabic .tabSlider .slidingTitle .title .arrow {
float: left;
margin-left: 0;
margin-right: 8px;
}
.tabSlider .slidingTitle .title .arrow.open {
background-image:url(/i/images/business/misc/toggle_button_open.png);
background-position:top left;
background-repeat:no-repeat;
}
.tabSlider .slidingTitle .title .arrow.close {
background-image:url(/i/images/business/misc/toggle_button_close.png);
background-position:top left;
background-repeat:no-repeat;
}
.tabSlider .slidingContent {
clear:both;
}
/* Business Tab Menu */
.wideContent .tabMenu {
height:52px;
background-image:url(/i/images/business/misc/tab_bottom_shadow.png);
background-position:bottom center;
background-repeat:no-repeat;
}
.wideContent .tabMenu.small {
height:52px;
background-image:url(/i/images/business/misc/tab_bottom_shadow_small.png) !important;
background-position:bottom center;
background-repeat:no-repeat;
}
.wideContent .tabMenu .tab {
float:left;
height:52px;
padding-left:10px;
font-size:18px;
font-weight:bold;
text-shadow:0 0 1px #FFFFFF;
/* letter-spacing:-1px; */
color:#4b465a !important;
}
body.arabic .wideContent .tabMenu .tab {
float: right;
}
.wideContent .smallFont .tab {
font-size:16px;
}
.wideContent .tabMenu .tab.first {
/* margin-left:20px; */
}
.wideContent .tabMenu .tab.first.selected {
padding-left:20px;
}
.wideContent .tabMenu .tab.first.selected {
background-image:url(/i/images/business/misc/tab_first_shadow.png);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#FFFFFF;
}
body.arabic .wideContent .tabMenu .tab.first.selected {
background-image:url(/i/images/business/misc/tab_left_shadow.png);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#FFFFFF;
}
.wideContent .tabMenu .tab span {
display:inline-block; /* IE6 hack */
height:52px;
padding:0 60px 0 50px;
}
.wideContent .tabMenu .tab a {
display:inline-block; /* IE6 hack */
float:left;
text-decoration:none;
color:#4b465a;
margin-top:20px;
}
.wideContent .tabMenu .tab a, x:-moz-any-link {
margin-top:22px;
}
.wideContent .tabMenu .tab a:hover {
color:#00aff0;
}
.wideContent .tabMenu .tab.selected {
background-image:url(/i/images/business/misc/tab_left_shadow.png);
background-position:bottom left;
background-repeat:no-repeat;
background-color:#FFFFFF;
}
.wideContent .tabMenu .tab.selected span {
background-image:url(/i/images/business/misc/tab_right_shadow.png);
background-position:bottom right;
background-repeat:no-repeat;
}
.wideContent .tabMenu .tab.selected a {
color:#00aff0;
}
.wideContent .tabMenu .tab.gray {
background-image:url(/i/images/business/misc/tab_left_gray.png);
background-position:bottom left;
background-repeat:no-repeat;
margin-left:2px !important;
}
.wideContent .tabMenu .tab.gray span {
background-image:url(/i/images/business/misc/tab_right_gray.png);
background-position:bottom right;
background-repeat:no-repeat;
}
/* page specific tab style */
.wideContent .tabMenu .tab.description span {
padding:22px 100px 0 10px !important;
}
.wideContent .tabMenu .tab.longDescription span {
padding:22px 50px 0 10px !important;
}
.SkypeForSip .tabMenu .tab.selected span {
padding:0 37px 0 28px !important;
}
.SkypeForSip .tabMenu .tab span {
padding:0 27px 0 18px !important;
}
.SkypeForSip .tabMenu .tab.first {
padding-left:30px;
}
.SkypeForSip .tabMenu .tab.nudgeLeft span {
padding:0 27px 0 8px !important;
}
.SkypeForSip .tabMenu .tab.nudgeRight span {
padding:0 17px 0 18px !important;
}
.businessPartners .tabMenu .tab.selected span {
padding:0 77px 0 68px !important;
}
.businessPartners .smallFont .tab.selected span {
padding:0 37px 0 28px !important;
}
.businessPartners .tabMenu .tab.gray span {
padding:0 36px 0 34px !important;
}
.businessPartners .tabMenu.signup .tab.selected span {
padding:0 45px 0 45px !important;
}
.businessPartners .smallFont.signup .tab.selected span {
padding:0 30px 0 25px !important;
}
.businessPartners .tabMenu.signup .tab.gray span {
padding:0 68px 0 58px !important;
}
.businessPartners .smallFont.signup .tab.gray span {
padding:0 38px 0 28px !important;
}
.businessPartners .tabMenu.signup {
padding-left:18px;
}
.skypeManager .tabMenu .tab.selected span {
padding:0 42px 0 28px !important;
}
.skypeManager .tabMenu .tab.first,
.skypeManager .tabMenu .tab.first.selected {
margin-left:0 !important;
}
.skypeManager .tabMenu .tab.gray span {
padding:0 66px 0 64px !important;
}
.skypeManager .tabMenu .tab.selected a {
color:#4b465a !important;
}
/* SKYPE modal overlay */
.skypeManager .modal {
display:none;
width:898px;
padding-left:18px;
text-align:left;
z-index:25000 !important;
}
.skypeManager .modal .modalBox {
}
.skypeManager .modal .modalContent {
width:898px;
margin:0 auto;
}
.skypeManager .modal .modalContent img {
float:left; /* remove whitespace */
}
.skypeManager .modal a.close {
display:block;
width:25px;
height:25px;
background-image:url(/i/images/business/misc/modal-box-close.png);
position:absolute;
right:0;
margin:-12px 5px 0 0;
}
.skypeManager .modal a.close:hover {
background-image:url(/i/images/business/misc/modal-box-close-hover.png);
}
/* Business landing page */
.businessHome #widePromo {
background-image:url(/i/images/business/promos/wide_business_home.png);
}
.businessHome #widePromo #promoImage .left {
left:-35px;
top:7px;
}
.businessHome #widePromo #promoImage .right {
right:-35px;
top:3px;
}
.businessHome .wideContent h2 {
padding-bottom:1px !important;
}
body.arabic.businessHome .paddedContent h2 {
padding-right: 240px !important;
}
.businessHome .wideContent.paddedContent {
padding:12px 0 0 332px;
min-height:215px;
_height:215px;
}
.businessHome .wideContent.paddedFeatures {
padding:19px 0 38px 20px;
}
.businessHome .wideContent.paddedDescription {
padding:0 0 0 20px;
margin-top:-7px;
}
.businessHome .wideContent.paddedContent p.first {
padding:0 240px 0 0;
}
.businessHome .wideContent.paddedContent p.second {
padding:0 140px 0 0;
}
.businessHome .descriptionBox {
float:left;
margin-right:20px;
}
.businessHome .descriptionBox h2 a,
.businessHome .descriptionBox h2 a:visited {
color: #4B465A;
text-decoration: none;
}
.businessHome .descriptionBox h2 a:hover {
text-decoration: underline;
}
.businessHome .descriptionBox.col1 {
width:293px;
}
.businessHome .descriptionBox.col2 {
width:293px;
}
.businessHome .descriptionBox.col3 {
width:293px;
}
.businessHome .descriptionBox img.nudgeBottom {
margin-bottom:-5px;
}
.businessHome .descriptionBox ul.listIndent {
padding-bottom:13px;
}
.businessHome .multiColumn.paddedFeatures {
padding:15px 0 20px 0;
}
.businessHome .multiColumn .featureBox {
float:left;
width:215px;
padding:4px 20px 0 0;
}
.businessHome .multiColumn .featureBox.col1 {
width:293px !important;
}
.businessHome .multiColumn .featureBox.col2 {
width:293px !important;
}
.businessHome .multiColumn .featureBox.col3 {
width:273px !important;
}
.businessHome .multiColumn .featureBox p.features {
font-size:13px !important;
margin-bottom:13px;
padding-left: 40px;
}
body.arabic.businessHome .multiColumn .featureBox p.features {
padding-left: 0;
padding-right: 40px;
}
.businessHome .fixedHeight .featureBox p.features {
height: 40px;
}
.businessHome .multiColumn .featureBox p.features img {
padding-right:4px;
margin-bottom:-12px;
margin-left: -40px;
}
body.arabic.businessHome .multiColumn .featureBox p.features img {
padding-right: 0;
padding-left: 4px;
margin-left: 0;
margin-right: -40px;
}
.businessHome .multiColumn .featureBox.col2 p.features img {
padding-right:1px !important;
}
.businessHome .multiColumn .featureBox.col2 p.padded img {
padding-left:3px;
padding-right:4px !important;
}
.businessHome .multiColumn .featureBox.col2 p.nudge {
margin-top:-2px;
}
.businessHome .wideContent .multiColumn .left {
width:435px !important;
margin-right: 40px;
}
.businessHome .wideContent .multiColumn .right {
width:435px !important;
}
.businessHome .wideContent.paddedDescription .content {
margin-top: 25px;
margin-bottom: 30px;
width: 790px;
}
/* SKYPE MANAGER */
.skypeManager {
}
.skypeManager .loginFeature {
position: relative;
overflow: visible;
z-index: 12000;
}
.skypeManager .loginFeature .businessLogin {
float: right;
padding-top: 18px;
margin-right: 50px;
}
.skypeManager .loginFeature .signInBox {
left: 700px;
top: 69px;
z-index: 11000;
}
.skypeManager .loginFeature .businessLogin.open {
background:transparent url(/i/images/business/misc/loginbox_top_shadow.png) no-repeat bottom center;
}
.skypeManager .loginFeature .businessLogin strong {
cursor:pointer;
color:#636363;
text-shadow:#ffffff 0px 0px 1px;
font-weight:normal;
text-align:left;
}
.skypeManager .loginFeature .businessLogin span {
width:9px;
height:5px;
float:left;
padding-right:5px;
margin:7px 0 0 28px;
}
.skypeManager .loginFeature .businessLogin span.open {
background:#ffffff url(/i/images/backgrounds/business/manager_arrow_down.png) no-repeat left center;
}
.skypeManager .loginFeature .businessLogin span.close {
background:#ffffff url(/i/images/backgrounds/business/manager_arrow_up.png) no-repeat left center;
}
.skypeManager .loginFeature .signInBox p {
color:#666666;
text-shadow:#ffffff 0px 0px 1px;
margin: 0 0 15px;
}
.skypeManager .loginFeature .signInBox p.learnMore {
line-height:22px;
}
.skypeManager .loginFeature .signInBox p.learnMore a {
color:#666666;
font-size:12px;
}
.skypeManager .loginFeature .signInBox p.action {
padding-top:3px;
}
.skypeManager .loginFeature .signInBox p.action .text {
float:right;
line-height:27px;
}
.skypeManager #widePromo {
background-image:url(/i/images/business/promos/wide_skype_manager.png);
}
.skypeManager #container {
margin:0 auto 0 !important;
}
.skypeManager .wideContent .contentHolder {
width:705px;
float:left;
padding:32px 0 0 20px;
}
.skypeManager .wideContent.paddedTab {
padding:17px 0 0 2px;
}
.skypeManager .wideContent.paddedContent {
padding:34px 0 26px 20px;
}
.skypeManager .wideContent.paddedFeatures {
padding:18px 0 32px 20px;
}
.skypeManager .wideContent.paddedOffer {
padding:12px 20px 32px 20px;
}
.skypeManager .wideContent .contentHolder h2 {
padding-bottom:0px !important;
}
.skypeManager .wideContent h2.paddedTitle {
padding-bottom:7px !important;
}
.skypeManager .wideContent #videoHolder {
margin:14px 0 0 0;
padding:0;
width:700px;
float:left;
}
.skypeManager .wideContent .sideHolder {
width:215px;
padding:0 0 0 20px;
float:right;
}
.skypeManager .wideContent .sideHolder #gettingStartedVideo,
.skypeManager .wideContent .sideHolder #skypeManagerVideo,
.SkypeForSip .wideContent .sideHolder #skypeConnectVideo,
.SkypeForSip .wideContent .sideHolder #gettingStartedVideo{
padding-bottom:17px;
}
.skypeManager .wideContent .sideHolder #gettingStartedVideo h3,
.skypeManager .wideContent .sideHolder #skypeManagerVideo h3,
.SkypeForSip .wideContent .sideHolder #skypeConnectVideo h3,
.SkypeForSip .wideContent .sideHolder #gettingStartedVideo h3{
padding:0 0 12px 0 !important;
}
.skypeManager .wideContent .sideHolder .getIt,
.SkypeForSip .wideContent .sideHolder .getIt {
padding:2px 0 30px 0;
}
.skypeManager .wideContent .sideHolder .getIt .setupHelp,
.SkypeForSip .wideContent .sideHolder .getIt .setupHelp {
margin:0.5em 0 0 0;
}
.skypeManager .wideContent .sideHolder .titleIcon {
padding:2px 0 0 0;
margin-bottom:-5px;
}
.skypeManager .wideContent .sideHolder .descriptionPanel img {
float:left;
padding:0 12px 0 0;
margin-bottom:5px;
}
.skypeManager .wideContent .sideHolder .descriptionPanel img.paddedRight {
padding:0 16px 0 4px;
}
.skypeManager .multiColumn {
margin-bottom:12px !important;
}
.skypeManager .multiColumn .featureBox {
float:left;
width:215px;
padding:8px 20px 0 0;
}
body.arabic.skypeManager .multiColumn .featureBox {
padding: 8px 0 0 20px;
}
.skypeManager .multiColumn .featureBox.col1 {
width:293px !important;
}
.skypeManager .multiColumn .featureBox.col2 {
width:293px !important;
}
.skypeManager .multiColumn .featureBox.col3 {
width:273px !important;
}
.skypeManager .wideContent .fourColumn {
}
.skypeManager .wideContent .fourColumn .descriptionBox {
position: relative;
width:235px;
float:left;
}
.skypeManager .wideContent .descriptionBox .linkBox {
position:relative;
margin-top:14px;
}
.skypeManager .wideContent .grayBox {
background-color:#4b465a;
-moz-border-radius:5px;
-webkit-border-radius:5px;
padding:19px 20px 0 25px;
height:45px;
}
.skypeManager .wideContent .wideButton {
height: 100%;
overflow: hidden;
}
.skypeManager .wideContent .grayBox p {
color:#FFFFFF !important;
text-shadow:#4b465a 0px 0px 1px;
margin-top:4px;
}
.skypeManager .wideContent .grayBox strong {
font-size:18px;
}
.skypeManager .wideContent .textLeft {
float:left;
}
.skypeManager .wideContent .wideButton .textLeft {
width:560px;
}
.skypeManager .wideContent .textRight {
float:right;
}
.skypeManager .wideContent .descriptionBox a.imgLink {
width:208px;
height:150px;
position:absolute;
top:0px;
left:0px;
background-image:url(/i/images/business/misc/circle-plus-black.gif);
background-repeat:no-repeat;
background-position:right top;
margin-left: 8px !important;
z-index: 1;
}
.skypeManager .wideContent .descriptionBox a.imgLink:hover {
background-image:url(/i/images/business/misc/circle-plus-blue.gif);
background-repeat:no-repeat;
background-position:right top;
}
.skypeManager .wideContent .descriptionBox p {
padding-left: 0px !important;
padding-right:20px;
margin-bottom:6px;
}
body.arabic.skypeManager .wideContent .descriptionBox p {
padding-right: 0;
padding-left: 20px;
}
body.arabic.skypeManager .wideContent .descriptionBox img.illustrationImage {
margin-right:8px;
position: relative;
}
body.arabic.skypeManager .wideContent .descriptionBox a.imgLink {
margin-left: 22px !important;
}
.skypeManager .wideContent .descriptionBox img.illustrationImage {
position: relative;
}
/* Case Studies Page */
.caseStudies #widePromo {
background-image:url(/i/images/business/promos/wide-case-studies-blue.jpg);
}
.caseStudies .wideContent.paddedVideo {
padding:12px 0 0 20px;
}
.caseStudies .wideContent.paddedTab {
padding:39px 0 20px 0;
}
.caseStudies .wideContent.paddedFeature {
padding:20px 0 0 20px;
}
.caseStudies .wideContent #videoHolder {
margin:0;
padding:0;
width:700px;
float:left;
}
.caseStudies .wideContent #videoHolder img {
display:block; /* remove whitespace*/
}
.caseStudies .wideContent .sideHolder {
width:215px;
padding:0 0 0 25px;
float:left;
}
.caseStudies .wideContent .sideHolder h2 {
font-size:22px !important;
padding:2px 0 20px 0 !important;
}
.caseStudies .multiColumn {
margin-bottom:0;
}
.caseStudies .multiColumn.paddedDesc {
padding:32px 0 0 14px;
}
.caseStudies .multiColumn .descriptionBox {
width:235px;
float:left;
}
.caseStudies .multiColumn .descriptionBox p,
.caseStudies .multiColumn .descriptionBox h3 {
padding:0 12px 0 6px !important;
}
.caseStudies .multiColumn .descriptionBox .videoImg {
padding:0 0 16px 0;
}
.caseStudies .multiColumn .descriptionBox .videoImg img {
padding:6px;
background-image:url(/i/images/business/misc/gradient_background.png);
background-position:bottom left;
background-repeat:repeat-x;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
}
.caseStudies .multiColumn .featureBox {
float:left;
width:293px;
padding-right:20px;
}
/* SKYPE FOR SIP PAGE */
.SkypeForSip #widePromo {
background-image:url(/i/images/business/promos/wide-sip-blue.jpg);
}
.SkypeForSip .wideContent.paddedTab {
padding:15px 0 20px 0;
}
.SkypeForSip .wideContent.paddedContent {
padding:19px 0 0 20px;
}
.SkypeForSip .wideContent.paddedFeature {
padding:18px 0 0 20px;
}
.SkypeForSip .wideContent.paddedDesc {
padding:12px 0 0 20px;
}
.SkypeForSip .wideContent .contentHolder {
width:705px;
float:left;
padding-bottom:12px;
padding-top:7px;
}
body.arabic.SkypeForSip .wideContent .moveRight {
float: right;
}
.SkypeForSip .wideContent .contentHolder p {
padding-right:20px;
}
body.arabic.SkypeForSip .wideContent .contentHolder .solutionBox p {
padding-right: 0;
}
.SkypeForSip .wideContent.getIt {
padding:19px 0 0 20px;
}
.SkypeForSip .wideContent #videoHolder {
margin:0;
padding:0;
width:700px;
float:left;
}
.SkypeForSip .wideContent .sideHolder {
width:215px;
padding:0 0 0 20px;
float:right;
}
.SkypeForSip .wideContent .sideHolder h2 {
padding:10px 0 2px 0 !important;
}
.SkypeForSip .wideContent .sideHolder h3.paddedTitle {
padding:19px 0 19px 0 !important;
}
.SkypeForSip .wideContent .sideHolder .descriptionPanel img {
float:left;
padding:0 12px 0 0;
margin-bottom:5px;
}
.SkypeForSip .wideContent .sideHolder .descriptionPanel .wrapper {
float: left;
width: 176px;
}
body.arabic.SkypeForSip .wideContent .sideHolder .descriptionPanel img {
float: right;
padding: 0 0 0 12px;
}
.SkypeForSip .wideContent .sideHolder .descriptionPanel img.paddedRight {
padding:0 16px 0 4px;
}
body.arabic.SkypeForSip .wideContent .sideHolder .descriptionPanel img.paddedRight {
padding: 0 4px 0 16px;
}
.SkypeForSip .multiColumn.nudgeBottom {
margin-bottom:0 !important;
}
.SkypeForSip .multiColumn.nudgeBottom .featureBox {
padding-bottom:0 !important;
}
.SkypeForSip .multiColumn .featureBox {
float:left;
width:215px;
padding:4px 20px 12px 0;
}
body.arabic.SkypeForSip .multiColumn .featureBox {
padding: 4px 0 12px 20px;
}
.SkypeForSip .multiColumn .solutionBox {
float:left;
width:218px;
padding:5px 15px 20px 0;
}
body.arabic.SkypeForSip .multiColumn .solutionBox {
float: right;
}
.SkypeForSip .multiColumn .solutionBox.nudeTop {
margin-top:-18px;
}
.SkypeForSip .wideContent.paddedDesc .contentHolder h2 {
padding-bottom:2px !important;
}
.SkypeForSip .wideContent.paddedContent .contentHolder h2 {
padding-bottom:2px !important;
}
.SkypeForSip .wideContent.paddedContent .contentHolder h3.paddedHeading {
padding-top:19px !important;
}
body.arabic.SkypeForSip .wideContent.paddedContent .contentHolder h3.paddedHeading {
padding-right: 20px !important;
}
.SkypeForSip .wideContent.paddedContent .contentHolder.nudgeTop {
margin-top:-6px;
}
.SkypeForSip .wideContent.paddedContent .contentHolder.nudgeTopBottom {
margin-top:-6px;
padding-bottom:0;
}
.SkypeForSip .wideContent.paddedContent .multiColumn.paddedContent {
padding-top:30px;
}
.SkypeForSip .wideContent .multiColumn.paddedSupport {
padding-top:12px;
}
.SkypeForSip .wideContent .multiColumn.paddedDesc {
padding-top:40px;
}
.SkypeForSip .wideContent .multiColumn.paddedSupport h2.paddedTitle,
.SkypeForSip .wideContent .multiColumn.paddedSupport h3.paddedTitle {
padding-bottom:19px !important;
}
.SkypeForSip .wideContent h3.bubbleTitle {
padding:10px 0 10px 0 !important;
}
.SkypeForSip .multiColumn .right,
.SkypeForSip .multiColumn .left {
padding-right:10px;
width:335px !important;
}
.SkypeForSip .multiColumn .right.documents .descriptionPanel img,
.SkypeForSip .multiColumn .left.documents .descriptionPanel img {
float:left;
padding-right:12px;
}
body.arabic.SkypeForSip .multiColumn .right.documents .descriptionPanel img,
body.arabic.SkypeForSip .multiColumn .left.documents .descriptionPanel img {
float: right;
padding-left: 12px;
padding-right: 0;
}
.SkypeForSip .multiColumn .descriptionPanel.price img {
float:left;
padding-right:10px;
margin-top:-12px;
}
body.arabic.SkypeForSip .multiColumn .descriptionPanel.price img {
float: right;
padding-right: 0;
padding-left: 10px;
}
.SkypeForSip .multiColumn .descriptionPanel.price div.title1 {
font-size:24px;
color:#4b465a;
font-weight:bold;
}
.SkypeForSip .multiColumn .descriptionPanel.price div.title2 {
font-size:18px;
color:#4b465a;
font-weight:bold;
}
.SkypeForSip .multiColumn .descriptionPanel.price div.title3 {
font-size:14px;
color:#666666;
font-weight:normal;
}
.SkypeForSip .baseline {
height:34px;
clear:both;
}
.SkypeForSip .baseline1 {
height:19px;
clear:both;
}
.SkypeForSip .baseline2 {
height:10px;
clear:both;
}
.SkypeForSip .baseline3 {
height:26px;
clear:both;
}
.SkypeForSip .baseline4 {
height:38px;
clear:both;
}
.SkypeForSip .search {
padding-top:12px;
}
.SkypeForSip .search div {
float:left;
}
body.arabic.SkypeForSip .search div {
float: right;
}
.SkypeForSip .search .search_btn {
padding-left:10px;
}
body.arabic.SkypeForSip .search .search_btn {
padding-left: 0;
padding-right: 10px;
}
.SkypeForSip .search .kb_search {
width:230px;
height:18px;
}
.SkypeForSip .search .searchbtn {
padding-top:12px;
}
.SkypeForSip .emergencyCalls.prices {
padding-top:95px !important;
}
/* BUSINESS PARTNERS PAGE */
.businessPartners #widePromo {
background-image:url(/i/images/business/promos/wide-partners-blue.jpg);
}
.businessPartners #widePromo #promoImage .right {
right:-35px;
top:7px;
}
.businessPartners .wideContent .contentHolder {
width:625px !important;
float:left;
overflow:hidden;
}
.businessPartners .wideContent .contentHolder.paddedTab {
padding-top:15px;
}
.businessPartners .wideContent .contentHolder.paddedContent {
padding-top:21px;
}
.businessPartners .wideContent .contentHolder h2,
.businessPartners .wideContent .contentHolder h3 {
padding-bottom:2px !important;
}
.businessPartners .wideContent .contentHolder p,
.businessPartners .wideContent .contentHolder h1,
.businessPartners .wideContent .contentHolder h2,
.businessPartners .wideContent .contentHolder h3 {
padding-left:20px !important;
padding-right:10px !important;
}
.businessPartners .wideContent .sideHolder {
width:315px;
padding:246px 0 0 20px;
float:right;
}
.businessPartners .partnerLogin p {
margin-bottom:14px;
}
.businessPartners .partnerLogin input {
font-size:12px;
color:#494B4D !important;
border:1px solid #ebebeb;
padding:3px 6px;
width:180px;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 2px;
}
.businessPartners .contentHolder #contactform {
width:605px;
margin-left:20px;
margin-top:20px !important;
padding-top:14px !important;
}
.businessPartners .upsellBlock.success {
width:510px;
}
body.arabic.businessPartners .upsellBlock.success {
background-position: 560px center;
margin-right: 300px;
padding-left: 20px;
padding-right: 86px;
}
/* BUSINESS SKYPE DOWNLOAD */
.businessDownload {
}
.businessDownload #widePromo {
background-image:url(/i/images/business/promos/wide_download_skype.png);
}
.businessDownload #widePromo #promoImage .left {
padding-left: 1px;
margin-top: 30px
}
.businessDownload .wideContent.paddedContent {
padding:12px 20px 9px 490px;
}
.businessDownload .wideContent.paddedDownload {
padding-bottom:33px;
}
.businessDownload .wideContent.paddedFeature {
padding:0 0 0 20px;
}
body.arabic.businessDownload .wideContent.paddedFeature {
padding: 0 20px 0 0;
}
.businessDownload .wideContent.paddedFeature h2 {
padding-top:0 !important;
}
body.arabic.businessDownload .wideContent.paddedFeature h2 {
padding-right: 0px !important;
}
.businessDownload .wideContent.paddedDescription {
padding:0 0 0 20px;
margin-top:-6px;
}
.businessDownload .wideContent.paddedDescription h2 {
padding-top:0 !important;
padding-bottom:2px !important;
}
.businessDownload .wideContent.paddedContent h2 {
padding-bottom:2px !important;
}
.businessDownload .wideContent.paddedContent h3 {
padding-bottom:0 !important;
}
.businessDownload .wideContent ul.listIdent {
padding-left:2px !important;
}
.businessDownload .wideContent .multiColumn {
margin-bottom:0 !important;
}
.businessDownload .wideContent.paddedDownload .multiColumn .left {
width:490px !important;
}
.businessDownload .wideContent.paddedDownload .multiColumn .right {
width:470px !important;
padding-top:3px;
}
body.arabic.businessDownload .wideContent.paddedDownload .multiColumn .right {
width: 450px !important;
padding-right: 20px;
}
.businessDownload .wideContent .skypeWindows {
padding-right: 20px;
}
.businessDownload .wideContent.paddedContent #versionAndButton {
padding-top: 8px;
}
.businessDownload .wideContent.paddedContent #versionAndButton .left {
float: left;
}
html.rtl .businessDownload .wideContent.paddedContent #versionAndButton .left {
float: right;
}
.businessDownload .wideContent.paddedContent #versionAndButton .right {
float: left;
padding-top: 2px;
}
.businessDownload .wideContent .skypeWindows img {
float:left;
padding-right:15px;
}
.businessDownload .wideContent .skypeWindows span {
display:block;
float:left;
font-size:18px;
color:#4b465a;
font-weight:bold;
text-shadow:0 0 1px #ffffff;
padding-top:8px;
}
.businessDownload .multiColumn.paddedFeatures {
padding:14px 0 40px 0 !important;
}
.businessDownload .multiColumn.paddedRequirements {
padding:7px 0 32px 0 !important;
}
.businessDownload .multiColumn.paddedToolbar {
padding:2px 0 32px 0 !important;
}
.businessDownload .multiColumn .featureBox {
float:left;
width:215px;
padding:4px 20px 0 0;
}
body.arabic.businessDownload .multiColumn .featureBox {
padding: 4px 0 0 20px;
}
.businessDownload .multiColumn .featureBox.col1 {
width:293px !important;
}
.businessDownload .multiColumn .featureBox.col2 {
width:293px !important;
}
.businessDownload .multiColumn .featureBox.col3 {
width:273px !important;
}
.businessDownload .multiColumn .featureBox p.features {
font-size:13px !important;
margin-bottom:12px;
}
.businessDownload .multiColumn .featureBox p.features img {
padding-right:7px;
margin-bottom:-11px;
}
.businessDownload .slidingContent .multiColumn .left {
width:445px !important;
padding-right:25px;
}
body.arabic.businessDownload .slidingContent .multiColumn .left {
padding-right: 0;
padding-left: 25px;
}
.businessDownload .slidingContent .multiColumn .right {
width:425px !important;
padding-right:25px;
}
body.arabic.businessDownload .slidingContent .multiColumn .right {
padding-right: 0;
padding-left: 25px;
}
.businessDownload .baseline {
height:22px;
clear:both;
}